DevTools উত্তর দেয় - এটি কোন ফন্ট?

Chrome DevTools এখন আপনাকে বলতে পারে যে পাঠ্য রেন্ডার করার জন্য ঠিক কোন টাইপফেস ব্যবহার করা হচ্ছে

ফন্ট স্ট্যাক একটি মজার জিনিস, একটি চাহিদা তুলনায় একটি পরামর্শ বেশী. যেহেতু আপনি যে পরিবারটির পরামর্শ দিচ্ছেন সেখানে উপস্থিত নাও থাকতে পারে, আপনি প্রতিটি ব্যবহারকারীর ব্রাউজারকে ফল-থ্রু কেস পরিচালনা করতে দিচ্ছেন, এমন কিছু টানতে দিচ্ছেন যা কাজ করবে এবং ব্যবহার করবে৷

font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;

একজন বিকাশকারী হিসাবে, আপনি আসলে কী ফন্ট ব্যবহার করা হচ্ছে তা জানতে চান। এখানে কিভাবে এটা কাজ করে:

devtools মধ্যে ফন্ট পরিবার

কম্পিউটেড শৈলীর অধীনে, আপনি এখন সেই উপাদানটির জন্য ব্যবহৃত টাইপফেসের সারাংশ দেখতে পাবেন। এখানে কয়েকটি বিষয় লক্ষ্য করার আছে:

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

উপভোগ করুন এবং আপনার কোন প্রতিক্রিয়া থাকলে একটি মন্তব্য করুন.