faux pas
1.0.0
البرنامج النصي لتسليط الضوء على العناصر غير المتطابقة بشكل غير صحيح إلى كتل font-font ، والتي قد تؤدي إلى عرض رديء غامق أو فوكس مائل. يعمل مستقل - لا تبعيات.
هل تريد هذا على سطر الأوامر؟ تحقق من node-faux-pas .
تتوفر أيضًا صفحة اختبار أكثر شمولاً.
عندما تقوم بتضمين كتلة css @font-face على صفحتك ، يمكنك تحديد font-family ، font-weight ، font-style داخل تلك الكتلة. عند استخدام خط ويب ، يمكنك تحديد تلك الخصائص نفسها على عناصر في صفحتك. على الرغم من أنك تحتاج إلى مطابقة قيمة font-family بالضبط لاستخدام خط الويب ، font-weight و font-style لا تتطلب مطابقة دقيقة. يمكن أن يؤدي ذلك إلى سلوك غير متوقع حيث يستخدم المتصفح ما هو متاح ، حتى لو لم يكن مباراة جيدة.
علاوة على ذلك ، إذا كان عنصرك يريد font-weight أقل من أو يساوي 500 أو يساوي ، لكن كتلة @font-face الخاصة بك لها متغيرات فقط من محرفك الجريء ، سيحاول المتصفح توليف خط ويب جريء لك. هذا العرض المركب غالبًا ما يكون فرعيًا. يحدث التوليف نفسه عندما تريد مائلًا ، ولكن لا يتوفر خط ويب مائل. يمكن التحكم في هذا السلوك باستخدام خاصية font-synthesis إذا دعمته المتصفحات.
يساعدك faux-pas عن طريق تسجيل وإبلاغ عمليات عدم التطابق هذه وأداء الصعودية بحيث يمكنك إصلاح الرمز المخالف.
متوفر على NPM مثل fg-faux-pas :
npm install --save-dev fg-faux-pas
faux-pas.js و faux-pas.init.js (نصيحة: استخدم ملف init الخاص بك لتغيير خيارات التكوين).node-faux-pas console: true : يستخدم console لإخراج معلومات التسجيل الكاملة (تحذيرات للعناصر غير المتطابقة والأخطاء لتقديم فو).highlights: true : يضيف نمطًا محددًا إلى عناصر غير متطابقة/فو على الصفحة للتفتيش البصري.mismatches: true : قد لا يكون عدم التطابق عرضًا مزيفًا على الرغم من أنه سوء تكوين - يتيح لك هذا الخيار تعطيل هذه التحذيرات. أي شيء يدعم واجهة برمجة تطبيقات Loading Font CSS:
استخدم gulp لإنشاء ملف HTML جديد مستندات (يقوم تلقائيًا بتحديث الإشارة المرجعية بأحدث رمز).
