لقد لاحظت أن info log
بدأ يظهر في Google Chrome Dev (الإصدار 55.0.2883.18 dev) ولا أستطيع أن أتخيل السبب.
تم الكشف عن الشبكة البطيئة. سيتم استخدام الخط الاحتياطي أثناء التحميل: http: //font-path.extension `
يظهر على جميع مواقع الويب التي تستخدم font-face
، حتى على الصفحات المحلية وملحقات Chrome.
هذا يعني أن الشبكة بطيئة ، وأن Chrome يستبدل خط ويب (محمّل بقاعدة @font-face
) مع نسخة احتياطية محلية.
افتراضيًا ، يكون النص الذي يتم تقديمه باستخدام خط ويب غير مرئي حتى يتم تنزيل الخط ( "وميض النص غير المرئي" ). مع هذا التغيير ، يمكن للمستخدم على شبكة بطيئة البدء في القراءة الصحيحة عند تحميل المحتوى بدلاً من النظر إلى الصفحة الفارغة لعدة ثوان.
واجهت نفس المشكلة في إنشاء Chrome 61.0.3163.100
على MacOs Sierra مع localhost
كخادم. بدأ Chrome في تسجيل هذه الرسالة عندما غيّرت تكوين سرعة الشبكة إلى 3G بسرعة/3G بطيئة والعودة مرة أخرى إلى Online.
إصلاح: عندما حاولت تحديد وضع عدم الاتصال ومرة أخرى وضع الاتصال بالإنترنت ، اختفت مشكلة التسجيل. (قد لا يعمل هذا الإصلاح على بعض الأجهزة أو الإصدارات)
التحديث في 30 يناير 2018
لقد قمت بتحديث google chrome إلى الإصدار 64.0.3282.119 (Official Build) (64-bit)
، يبدو أن هذا الخطأ قد تم إصلاحه الآن.
في حالتي ، كان امتداد AdBlock Plus لجوجل كروم. تم إيقاف تشغيله وعملت تمامًا.
أخفى هذا عن طريق ضبط إعداد وحدة التحكم
Console settings
-> User messages only
الانتقال إلى chrome: // flags/# enable-webfonts-التدخل-v2 وتعيينه على "تعطيل"
يرجع ذلك إلى وجود خلل في Chrome مع أحدث واجهة برمجة التطبيقات لـ "سرعة الشبكة". نأمل أن تكون ثابتة في الإصدار التالي
إذا كان بإمكانك الوصول إلى css لهذا الملحق ، فما عليك سوى إضافةfont-display:block;
على تعريف واجهة الخط أو إرسال ملاحظات إلى مطور هذا الملحق :)
@font-face {
font-family: ExampleFont;
src: url(/path/to/fonts/examplefont.woff) format('woff'),
url(/path/to/fonts/examplefont.eot) format('eot');
font-weight: 400;
font-style: normal;
font-display: block;
}
لقد تم تعطيل التحكم في الشبكة ولكن بدأت في الحصول على هذا الخطأ اليوم على اتصال تجاري بحجم 75 ميجابايت/ثانية ...
لإصلاحها في إصدار Chrome 60.0.3112.90 (الإصدار الرسمي) (64 بت) ، فتحت DevTools ثم انتقلت إلى إعدادات DevTools ثم حددت "سجل XMLHttpRequests" ، "رسائل المستخدم فقط" و "إخفاء رسائل الشبكة"
لقد نجحت فقط في جعل عامل تصفية regex يعمل: /^((?!Fallback\sfont).)*$/
.
أضفه إلى حقل التصفية أعلى وحدة التحكم مباشرةً وسيقوم بإخفاء جميع الرسائل التي تحتوي على Fallback font
.
يمكنك جعله أكثر تحديدا إذا كنت تريد.
إذا كان لديك تطوير تطبيق يستخدم خطوط google ويريد التأكد من أن المستخدمين لا يشاهدون هذه التحذيرات. أحد الحلول الممكنة ( المفصلة هنا ) هو تحميل الخطوط محليًا.
لقد استخدمت هذا الحل للتطبيق الذي يشتمل أحيانًا على إنترنت بطيء (أو لا يوجد اتصال إنترنت) ولكن لا يزال يقدم الصفحات ، وهذا يفترض أن تطبيقك يستخدم خطوط Google وأن تحديثات هذه الخطوط ليست مهمة. افترض أيضًا أن استخدام خطوط ttf مناسب للتطبيق دعم مستعرض الخط WC3 TTF .
إليكم كيفية إنجاز الخطوط المحلية:
أواجه هذه المشكلة في تطبيقات الويب الزاويّة بعد استبدال الرابط https://fonts.googleapis.com/icon؟family=Material+Icons في index.html إلى الإصدار المتكامل (تثبيت npm .... مواد الرموز). ..). يعمل هذا ، ولكن في بعض الأحيان يظهر تطبيق الويب هذا التحذير.
عندما يظهر التحذير ، لا يتم عرض الرموز لمدة ثانية واحدة تقريبًا ، لذلك يرى المستخدم أيقونات يتم تقديمها بشكل سيء.
ليس لدي حل بعد.
كان لي نفس الأخطاء مع الخطوط fontawesome. ثم قمت بتنزيل أحدث خطوط الخطوط وأستبدل الخطوط القديمة. ولت الأخطاء.
التحديث إلى أحدث إصدار من Chrome (63.0.3239.84) عبر Help -> حول إصلاح المشكلة بالإنابة عني.
(في الواقع ، كان علي التبديل إلى Offline والعودة إلى Online في علامة تبويب "الشبكة" لأدوات المطورين لجعل الأخطاء الأخيرة تختفي.)
بمجرد تعطيل المكون الإضافي لـ DuckDuckGo Privacy Essentials ، اختفى. مزعج بعض الشيء لأن الخطوط التي كنت أخدمها كانت من مضيف محلي ، لذلك لا ينبغي أن يكون الأمر متعلقًا باتصال الشبكة البطيء.
انقر بالزر الأيمن للفأرة على Chrome Dev. ثم حدد مرشح. وحدد مصدر الرسائل.
انتقل إلى stylesheet.css للخط وإضافة عرض الخط: block ؛ في الكل @ font-face {}
ساعدني هذا الجواب Stackoverflow ..
أدناه هو ملخص الجواب
إذا كان بإمكانك الوصول إلى css لهذا الملحق ، فما عليك سوى إضافة عرض الخط: block؛ على تعريف الخط والوجه أو إرسال الملاحظات إلى مطور هذا الامتداد :)
@font-face {
font-family: ExampleFont;
src: url(/path/to/fonts/examplefont.woff) format('woff'),
url(/path/to/fonts/examplefont.eot) format('eot');
font-weight: 400;
font-style: normal;
font-display: block;
}