ما هي قاعدة الـ ([email protected]) في الـ CSS

الـتـعـريـف​

تُستخدم القاعدة "[email protected]" في الـ CSS لتحديد الخطوط التي سيتم استخدامها لعرض نص صفحات الويب.
يمكن تحميل هذا الخط من على خادم عن بعد باستخدام الدالة "()url"،أو من على حاسوب المستخدم باستعمال الدالة "()local" التي بدورها تعلم المتصفح بأخذ الإعتبار لنوع من الخط موجود على الجهاز من أجل التمكن من استخدامه إذا كان متاحًا.
الخلاصة:
دالة "()url" لتنزيل أو جلب الخط.
دالة "()local" لاستعمال الخط محليا أي من على الجهاز إن كان متاحا.

كـيـفـيـة الإسـتـخـدام

يمكن استخدام القاعدة "[email protected]" داخل ملف بامتداد "css." على مستوى عام، أو من خلال عنصر " 'HTML 'style".

مـثـال​

كود HTML:

@font-face {
  font-family: "ExampleFont";
  src: local("ExampleFont"),
       local("Example-Font"),
       url("/path/to/fonts/examplefont.woff") format("woff"),
       url("/path/to/fonts/examplefont.woff2") format('woff2'),
       url("/path/to/fonts/examplefont.eot") format("eot"),
       url("/path/to/fonts/examplefont.ttf") format('truetype');
  font-weight: 400;
  font-style: normal;
}

font-family : تعريف الخط الذي سيتم استخدامه داخل القاعدة المستعملة.
src : تحديد المورد أو الموارد التي تحتوي على بيانات الخطوط. يمكن أن يكون هذا عنوان "URL" لملف عن بعد،أو اسم خط موجود على جهاز المستخدم.
url : عنوان الملف.
format : يمكنك توفير نمط تنسيق للمتصفح (بحيث يختار المناسب).
font-weight : يمكن استخدامها بشكل منفصل للإشارة إلى الأحرف في النص (غامقة، عادية أم رقيقة).
font-style : يسمح لك بتحديد نمط الخط للخط المحدد عبر القاعدة المستعملة.

بعد تعريف القاعدة، يمكن إسناد عنصر الـ HTML المقصود هذا النمط. مثال:​

كود HTML:

body {
  font-family: "ExampleFont", serif;
}

مــتــابــعــة طــيــبــة​