مكدس خط النظام الأصلي الحديث الجميل لتقديم نص متعدد اللغات ، يتسق في جميع أنظمة التشغيل والمستعرضات الرئيسية لسطح المكتب والهواتف المحمولة.
يوفر system-font-i18n 5 أوزان (رقيقة ، خفيفة ، عادية ، جريئة ، ثقيلة) ويدعم المتغيرات المائلة لكل وزن. يوفر مكدس الخط هذا أكثر تنضيدًا لكل شحن عبر اللغات الغربية والآسيوية على جميع أنظمة التشغيل والمتصفحات الحديثة الرئيسية والهواتف المحمولة.

عرض مستندات نوع العينات ونص المثال.
تتمثل الطريقة القوية والمفضلة في الإشارة إلى ورقة الأنماط system-sans-serif.css في <head> لمستند html . ثم أضف فئة مساعد الأداة المساعدة إلى class body .
<!DOCTYPE html >
< html lang = en >
< head >
< meta charset =" utf-8 " >
< meta name =" viewport " content =" width=device-width,initial-scale=1 " >
< link rel =" stylesheet " href =" system-sans-serif.css " >
</ head >
< body class =" system-sans-serif " >
< p > this is now using the system font! </ p >
</ body > استخدم yarn أو npm لتثبيت الحزمة.
yarn add system-font-i18n-css -D أضف المسار إلى ملف ember-cli-build.js الخاص بك.
var app = new EmberApp ( defaults , {
// …
sassOptions : {
includePaths : [
// …
'node_modules/system-font-i18n-css' ,
// …
] ,
} ,
// …
} ) ;استيراد CSS في مشروع EMBER الخاص بك.
@import " system-font-i18n-css " ; /* This should be AT or near the top */
/* … other imports */ أضف اسم ClassName system-sans-serif CSS إلى العنصر المراد تصميمه ، على سبيل المثال:
<!--- HTML head -->
< body class =" system-sans-serif " >
<!-- body --> معهد ماساتشوستس للتكنولوجيا
منتج青心工機 شركة ، المحدودة