Paul Irish
Chrome DevTools এখন আপনাকে বলতে পারে যে পাঠ্য রেন্ডার করার জন্য ঠিক কোন টাইপফেস ব্যবহার করা হচ্ছে ৷
ফন্ট স্ট্যাক একটি মজার জিনিস, একটি চাহিদা তুলনায় একটি পরামর্শ বেশী. যেহেতু আপনি যে পরিবারটির পরামর্শ দিচ্ছেন সেখানে উপস্থিত নাও থাকতে পারে, আপনি প্রতিটি ব্যবহারকারীর ব্রাউজারকে ফল-থ্রু কেস পরিচালনা করতে দিচ্ছেন, এমন কিছু টানতে দিচ্ছেন যা কাজ করবে এবং ব্যবহার করবে৷
font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
একজন বিকাশকারী হিসাবে, আপনি আসলে কী ফন্ট ব্যবহার করা হচ্ছে তা জানতে চান। এটি কিভাবে কাজ করে তা এখানে:
কম্পিউটেড শৈলীর অধীনে, আপনি এখন সেই উপাদানটির জন্য ব্যবহৃত টাইপফেসের সারাংশ দেখতে পাবেন। এখানে কয়েকটি বিষয় লক্ষ্য করার আছে:
- DevTools Chrome এর পাঠ্য রেন্ডারিং স্তর দ্বারা ব্যবহৃত প্রকৃত টাইপফেস রিপোর্ট করছে৷ কোন ফন্ট
serifবাsans-serifআসলে সমাধান করা হয় অনুমান করা. - আমার webfont কাজ করছে? কখনও কখনও আপনি ওয়েবফন্ট বা ফলব্যাক সিস্টেম ফন্টটি দেখছেন কিনা তা বলা কঠিন। এখন আপনি যাচাই করতে পারেন যে ওয়েবফন্ট প্রয়োগ করা হচ্ছে । উপরের উদাহরণে, আমরা
::first-lineশৈলীর জন্য একটি ওয়েবফন্ট হিসাবে লবস্টারকে নামিয়ে দিচ্ছি। - আপনার স্ট্যাকের মধ্যে ফল-থ্রু ফন্টগুলি চিহ্নিত করা সহজ । উপরে, আমাদের Merriweather বানান একটি টাইপো ছিল এবং তাই এটি ব্যবহার করা হয়নি, লবস্টারের মাধ্যমে পড়ে।
- এটা কি আরিয়াল নাকি হেলভেটিকা? একজন ডিজাইনারকে জিজ্ঞাসা করুন বা… DevTools কে জিজ্ঞাসা করুন। ;)
- গুগল ওয়েবফন্ট, টাইপকিট, স্থানীয় ফন্ট, @ফন্ট-ফেস টাইপফেস, ইউনিকোড গ্লিফ এবং অন্যান্য সমস্ত আকর্ষণীয় ফন্ট উত্সগুলির সাথে দুর্দান্ত কাজ করে৷
উপভোগ করুন এবং আপনার কোন প্রতিক্রিয়া থাকলে একটি মন্তব্য করুন.