অনুপস্থিত ক্রস-অরিজিন রিসোর্স শেয়ারিং (CORS) রেসপন্স হেডার
ব্রাউজার:
- ফায়ারফক্স (3.5+)
- ইন্টারনেট এক্সপ্লোরার (9+)
- Chrome (37+)
ওভারভিউ
ক্রোম, ফায়ারফক্স এবং ইন্টারনেট এক্সপ্লোরারের নতুন সংস্করণগুলি ক্রস-অরিজিন রিসোর্স শেয়ারিং স্ট্যান্ডার্ড প্রয়োগ করে এবং এইভাবে শুধুমাত্র উপযুক্ত "অ্যাক্সেস-কন্ট্রোল-অ্যালো-অরিজিন" প্রতিক্রিয়া শিরোনামের সাথে পরিবেশিত ওয়েব ফন্টগুলিকে রেন্ডার করে৷ যেহেতু Google ফন্টগুলি যেকোনো ডোমেনে দেখা যেতে পারে, ফন্টগুলি নিম্নলিখিত প্রতিক্রিয়া শিরোনামের সাথে পরিবেশন করা হয়:
Access-Control-Allow-Origin:*
সম্ভাব্য কারণ
কিছু প্রক্সি প্রতিক্রিয়া থেকে শিরোনামটি ছিনিয়ে নিতে পারে, যার পরে ব্রাউজার ফন্টগুলি রেন্ডার করবে না।
রোগ নির্ণয়
Chrome এর সাথে, DevTools কনসোলে প্রাসঙ্গিক সতর্কতা বার্তাটি পরীক্ষা করুন৷
Firefox-এর সাথে, CORS প্রতিক্রিয়া শিরোনামের উপস্থিতি নিশ্চিত করতে প্রতিক্রিয়া শিরোনামগুলি দেখতে কেউ Firebug বা Live HTTP হেডার এক্সটেনশন ব্যবহার করতে পারে।
লিঙ্ক
যখন NoScript প্লাগইন ইন্সটল করা হয় তখন ফায়ারফক্সে ওয়েব ফন্ট দেখা যাচ্ছে না
ব্রাউজার: * ফায়ারফক্স (3.5+)
ওভারভিউ
যখন NoScript প্লাগইন ইনস্টল করা হয় তখন Firefox ওয়েব ফন্ট প্রদর্শন করে না।
সম্ভাব্য কারণ
ডিফল্টরূপে NoScript প্লাগইন @ফন্ট-ফেস নিয়ম অক্ষম করে।
সমাধান
NoScript অপশন খুলুন, এম্বেডিং ট্যাবে যান এবং টিক চিহ্ন মুক্ত করুন: @font-face নিষিদ্ধ করুন
ওয়েব ফন্ট দেখা যাচ্ছে না
ব্রাউজার: * সব
ওভারভিউ
ব্যবহৃত ওয়েব ফন্ট প্রদর্শিত হচ্ছে না.
সম্ভাব্য কারণ
API URL-এ একটি ত্রুটি আছে, অথবা ফন্ট দ্বারা সমর্থিত নয় এমন একটি শৈলী অনুরোধ করা হয়েছে৷
সমাধান
নিশ্চিত করুন যে URL সঠিকভাবে বিন্যাস করা হয়েছে, কেসটি ফন্টের নামে সম্মান করা হয়েছে (যেমন Droid Serif নয় droid serif), ওজন এবং শৈলীগুলির জন্য সিনট্যাক্সের পাশাপাশি একাধিক পরিবার লোড করার জন্য সিনট্যাক্সকে সম্মান করা হয়েছে (দেখুন ডকুমেন্টেশন: শুরু করা - সিনট্যাক্স । যখন ফন্টগুলি দেখা যাচ্ছে না, স্টাইলশীটের বিষয়বস্তু দেখে কী ভুল হচ্ছে সে সম্পর্কে আরও তথ্য দিতে পারে। আপনার ব্রাউজারে URL টি কপি এবং পেস্ট করুন এবং নিশ্চিত করুন যে আপনি কোনও ত্রুটি বার্তা দেখতে পাচ্ছেন না। উদাহরণস্বরূপ, Droid Serif দ্বারা সমর্থিত নয় এমন ওজনের অনুরোধ নিম্নোক্ত ত্রুটি বার্তাটি দেখাবে:
/* Droid Serif (style: normal, weight: 300) is not available */ /* However, style: normal, weight: normal is available */ /* However, style: italic, weight: normal is available */ /* However, style: normal, weight: bold is available */ /* However, style: italic, weight: bold is available */ /* Not supported. */
শিরোনামে ব্যবহৃত হলে ওয়েব ফন্টগুলি আরও ঘন দেখায়
ব্রাউজার: * সব
ওভারভিউ
একটি শিরোনাম (h1, h2, ইত্যাদি) ব্যবহার করা হলে ফন্টগুলি মোটা দেখায় যদিও ফন্টের ওজন স্বাভাবিক (400)।
সম্ভাব্য কারণ
ব্রাউজার পাঠ্যটিকে স্বয়ংক্রিয়ভাবে বোল্ড করেছে।
সমাধান
একটি শিরোনামে একটি ফন্ট প্রয়োগ করার সময় আপনার সিএসএস নিয়মে সঠিক ফন্ট-ওজন নির্দিষ্ট করা আছে তা নিশ্চিত করুন:
h1 {
font-family: Lobster, cursive;
font-weight: 400;
}