প্রযুক্তিগত বিবেচনা

আপনি যখন Google Fonts API-এর সাথে একটি ওয়েব ফন্টের অনুরোধ করেন তখন এই নথিটি পর্দার পিছনে কী ঘটছে সে সম্পর্কে কিছু প্রযুক্তিগত তথ্য প্রদান করে।

এই নথিটি ব্রাউজার-নির্দিষ্ট আচরণ সম্পর্কেও তথ্য দেয়।

আপনি যদি শুধু Fonts API ব্যবহার করতে চান, তাহলে আপনাকে এই পৃষ্ঠাটি পড়তে হবে না। যাইহোক, এই পৃষ্ঠাটি পড়া আপনাকে পৃষ্ঠা লোড কর্মক্ষমতা উন্নত করতে সাহায্য করতে পারে।

গুগল ফন্ট এপিআই কি পরিবেশন করছে?

যখন একটি ব্রাউজার একটি ফন্ট এপিআই স্টাইলশীটের জন্য একটি অনুরোধ পাঠায় (আপনার ওয়েব পৃষ্ঠায় একটি <link> ট্যাগে উল্লেখ করা হয়েছে), তখন ফন্ট এপিআই অনুরোধ করা নির্দিষ্ট ব্যবহারকারী এজেন্টের জন্য তৈরি একটি স্টাইলশীট পরিবেশন করে।

ফায়ারফক্স থেকে ইনকনসোলাটার জন্য একটি অনুরোধ, উদাহরণস্বরূপ, নিম্নলিখিত CSS প্রদান করে:

@font-face {
  font-family: 'Inconsolata';
  src: local('Inconsolata'), url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw') format('truetype');
}

ইন্টারনেট এক্সপ্লোরার থেকে একটি অনুরোধ, অন্যদিকে, ফিরে আসে:

@font-face {
  font-family: 'Inconsolata';
  src: url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw');
}

CSS ডাউনলোড করার পর, ব্রাউজার ব্রাউজারের জন্য উপযুক্ত বিন্যাসে ফন্ট ডাউনলোড করে।

ব্রাউজার-নির্দিষ্ট আচরণ

এই বিভাগটি ওয়েব ফন্টের সাথে প্রতিটি ব্রাওয়ারের ডিফল্ট আচরণ বর্ণনা করে। মনে রাখবেন যে আপনি ওয়েব ফন্ট লোডার ব্যবহার করে এই আচরণগুলি নিয়ন্ত্রণ করতে পারেন।

সমর্থিত ব্রাউজারগুলির একটি তালিকার জন্য, FAQ দেখুন।

গুগল ক্রম

Chrome বাকি পৃষ্ঠা রেন্ডার করে, কিন্তু ফন্টটি লোড না হওয়া পর্যন্ত, এটি ফন্ট ব্যবহার করে এমন পাঠ্যের জায়গায় একটি ফাঁকা স্থান প্রদর্শন করে।

মোজিলা ফায়ারফক্স

Firefox প্রথমে ডিফল্ট ফন্টে টেক্সট প্রদর্শন করে এবং তারপর লোড হয়ে গেলে ফন্টে টেক্সট রি-রেন্ডার করে। এই আচরণটি "আনস্টাইল না করা পাঠ্যের ফ্ল্যাশ" হিসাবে পরিচিত।

আপেল সাফারি

Safari বাকি পৃষ্ঠা রেন্ডার করে, কিন্তু ফন্টটি লোড না হওয়া পর্যন্ত, এটি ফন্ট ব্যবহার করে এমন পাঠ্যের জায়গায় একটি ফাঁকা স্থান প্রদর্শন করে।

মাইক্রোসফট ইন্টারনেট এক্সপ্লোরার

ইন্টারনেট এক্সপ্লোরার পৃষ্ঠার বাকি অংশ রেন্ডার করে, কিন্তু ফন্টটি লোড না হওয়া পর্যন্ত, এটি ফন্ট ব্যবহার করে এমন পাঠ্যের জায়গায় একটি ফাঁকা স্থান প্রদর্শন করে।

আরও সাধারণভাবে, ইন্টারনেট এক্সপ্লোরারের আচরণ বিভিন্ন উপাদানের স্থান নির্ধারণ এবং অস্তিত্বের উপর নির্ভর করে পরিবর্তিত হতে পারে। আপনি যদি সমস্ত ব্রাউজারে সামঞ্জস্যপূর্ণ আচরণ প্রদান করতে চান, তাহলে ওয়েব ফন্ট লোডার ব্যবহার করুন। উদাহরণস্বরূপ, আপনি সমস্ত ব্রাউজারকে Firefox-এর মতো আচরণ করতে বেছে নিতে পারেন।