ফন্ট পেয়ারিং ও Google Fonts ডিরেক্টরি
জনপ্রিয় Google Fonts-এর একটি বাছাইকৃত ডিরেক্টরি লাইভ প্রিভিউসহ ঘুরে দেখুন, ক্যাটাগরি অনুযায়ী ফিল্টার করুন ও নাম দিয়ে খুঁজুন, তারপর পেস্ট করার জন্য প্রস্তুত CSS কপি করুন এবং প্রস্তাবিত ফন্ট পেয়ারিং দেখুন — সবই আপনার ব্রাউজারে।
সবকিছু আপনার ব্রাউজারে চলে — ফন্টগুলো শুধু লাইভ প্রিভিউয়ের জন্য Google Fonts থেকে লোড করা হয়, কিছু আপলোড হয় না, সাইন-আপ নেই, সম্পূর্ণ বিনামূল্যে।
ডিসপ্লে ফন্টে সাজানো একটি শিরোনাম
আর এখানে রয়েছে মানানসই টেক্সট ফন্টে সাজানো বডি কপির একটি অনুচ্ছেদ। ভালো ফন্ট পেয়ারিং ব্যক্তিত্ব ও পঠনযোগ্যতার মধ্যে ভারসাম্য রাখে: একটি বৈশিষ্ট্যপূর্ণ শিরোনাম ফন্ট চোখ টানে, আর পরিষ্কার, আরামদায়ক বডি ফন্ট দীর্ঘ অংশকে পড়তে সহজ রাখে। আপনার শিরোনাম ও বডি টেক্সটের জন্য উভয় @import লাইন ও font-family নিয়ম কপি করতে "CSS"-এ ক্লিক করুন।
ফন্ট পেয়ারিং ও Google Fonts ডিরেক্টরি সম্পর্কে
এই ফন্ট ডিরেক্টরিটি ৮০টি জনপ্রিয় Google Fonts একটি সার্চযোগ্য পেজে সংগ্রহ করে, প্রতিটি একটি প্যানগ্রাম নমুনা লাইন, একটি বর্ণমালা ও সংখ্যা লাইন এবং একটি ক্যাটাগরি ব্যাজসহ লাইভ নমুনা হিসেবে রেন্ডার করা। এটি টাইপের পাঁচটি পরিবার কভার করে — sans-serif, serif, display, handwriting এবং monospace — তাই আপনি নামের অনুমানের বদলে প্রকৃত অক্ষরের আকার তুলনা করতে পারেন।
প্রতিটি ফন্ট কার্ডে কিউরেটেড পেয়ারিং সাজেশন থাকে: পার্টনার ফন্ট যা হেডিং ও বডি টেক্সটের জন্য ভালো কাজ করে। একটি পেয়ার চিপে ক্লিক করলে একটি প্রিভিউ খোলে যা একটি ফন্টে হেডলাইন ও অন্যটিতে একটি প্যারাগ্রাফ সেট করে, তাই আপনি প্রতিশ্রুতিবদ্ধ হওয়ার আগে প্রসঙ্গে সমন্বয়টি বিচার করতে পারেন।
একটি ফন্ট বা পেয়ারিং মানানসই মনে হলে, এক ক্লিকে রেডি-টু-পেস্ট CSS কপি হয় — Google Fonts স্টাইলশিটের জন্য একটি @import লাইন প্লাস একটি যুক্তিসঙ্গত ফলব্যাকসহ মিলে যাওয়া font-family স্ট্যাক। শুধু লাইভ প্রিভিউর জন্য Google Fonts থেকে ফন্ট লোড করা হয়; আপনি যা টাইপ করেন তা কোথাও আপলোড করা হয় না।
ফন্ট পেয়ারিং ও Google Fonts ডিরেক্টরি কীভাবে ব্যবহার করবেন
- ফন্ট কার্ডগুলো ব্রাউজ করুন, প্রতিটি এর নাম, ক্যাটাগরি ব্যাজ এবং প্রকৃত টাইপফেসে সেট করা লাইভ নমুনা টেক্সট দেখায়।
- নাম দিয়ে একটি ফন্ট খুঁজতে সার্চ বক্স ব্যবহার করুন, বা গ্রিড ফিল্টার করতে একটি ক্যাটাগরি চিপে ক্লিক করুন (Sans-serif, Serif, Display, Handwriting, Monospace)।
- আপনার লক্ষ্য হেডিং বা বডি সাইজে নমুনা লাইন প্রিভিউ করতে সাইজ স্লাইডার (16–72 px) ড্র্যাগ করুন।
- সাজেস্ট করা সমন্বয়ে সেট করা একটি হেডলাইন ও বডি প্যারাগ্রাফ দেখতে একটি "Pairs with" চিপ বা "Preview pairing" বাটনে ক্লিক করুন।
- @import লাইন ও font-family ডিক্লারেশন আপনার ক্লিপবোর্ডে কপি করতে একটি কার্ডে বা পেয়ারিং প্রিভিউতে "CSS" বাটনে ক্লিক করুন।