عنوان استجابة مشاركة الموارد المتعدّدة المصادر (CORS) غير متوفّر
المتصفحات:
- Firefox (الإصدار 3.5 أو الأحدث)
- Internet Explorer (الإصدار 9 والإصدارات الأحدث)
- Chrome (37 وما فوق)
نظرة عامة
يفرض Chrome وFirefox والإصدارات الأحدث من Internet Explorer عملية المشاركة عبر المنشأ معيار مشاركة الموارد، وبالتالي يتم فقط عرض خطوط الويب التي يتم عرضها باستخدام عنوان الاستجابة "Access-Control-Allow-Origin" المناسب. وفقًا لاحتياجات Google Fonts على أي نطاق، يتم عرض الخطوط مع الرد التالي العنوان:
Access-Control-Allow-Origin:*
السبب المحتمل
قد تزيل بعض الخوادم الوكيلة العنوان من الاستجابة، وبعدها سيقوم المتصفح لن يتم عرض الخطوط.
التشخيص
باستخدام Chrome، تحقق من رسالة التحذير ذات الصلة في وحدة التحكّم في أدوات مطوّري البرامج
مع Firefox، يمكن للمرء إما استخدام إضافات Firebug أو Live HTTP Headers عرض عناوين الاستجابة لتأكيد وجود عنوان استجابة CORS.
الروابط
عدم ظهور Web Fonts على Firefox عند تثبيت مكوّن NoScript الإضافي
المتصفحات: * Firefox (3.5 أو أحدث)
نظرة عامة
لا يعرض Firefox خطوط الويب عند تثبيت مكوّن NoScript الإضافي.
السبب المحتمل
يعطِّل المكون الإضافي NoScript قواعد @font-face بشكل افتراضي.
الحل
افتح "خيارات NoScript"، وانتقِل إلى علامة التبويب "تضمينات" وألغِ تحديد الخيار "حظر" @font-face
عدم ظهور خطوط الويب
المتصفحات: * الكل
نظرة عامة
لا تظهر خطوط الويب المستخدمة.
السبب المحتمل
حدث خطأ في عنوان 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).
السبب المحتمل
أضاف المتصفّح النص بخط غامق تلقائيًا.
الحل
تأكّد من تحديد عرض الخط الصحيح في قاعدة CSS عندما تطبيق خط على العنوان:
h1 {
font-family: Lobster, cursive;
font-weight: 400;
}