يعد الخط جزءًا لا يتجزأ من تصميم الويب ، مما يمنح الموقع أسلوبًا مميزًا. يجب أن يبدو النص عالي الجودة في الصفحة متناغمًا ، وأن يتم دمجه مع بقية عناصر الموقع وفي نفس الوقت المساهمة في فهم أفضل للمعلومات. باستخدام ترميز HTML وجداول CSS المتتالية ، يمكنك تخصيص أي إعداد تقريبًا لزيادة أداء الصفحة.
ضروري
ملف الخط بصيغة TTF
تعليمات
الخطوة 1
لاستخدام مجموعة من الخطوط المثبتة على جهاز الكمبيوتر الخاص بك ، يمكنك استخدام معلمة عائلة الخطوط لأوراق الأنماط المتتالية. للقيام بذلك ، أدخل الرمز التالي للعنصر المطلوب:
نص
سيعرض هذا الأمر عنوان المستوى الثاني h2 في محرف Arial.
الخطوة 2
إذا كنت تريد استخدام الخط الخاص بك ، فيجب عليك أولاً تحميله إلى الاستضافة وتمكينه باستخدام الأمر المناسب. يتم تضمين ملفات TTF مع الأمر التالي:
تحدد سمة عائلة الخط في هذه الحالة اسم المحرف ، وتحدد src: url (font.ttf) المسار إلى ملف TTF.
الخطوه 3
بعد تمكين العنصر ، يمكنك استخدامه لعرض النص:
نص
هذا الأمر مسؤول عن عرض خط الخط المطلوب بخط مائل في عنوان المستوى الثاني. إذا كان مستعرض المستخدم لا يدعم معالجة ملفات TTF ، فسيتم استخدام خط النظام المحدد بعد الفاصلة الأولى (في هذه الحالة ، Verdana).
الخطوة 4
بعض المتصفحات لا تدعم ملفات TTF القابلة للتنزيل. على سبيل المثال ، يستخدم Internet Explorer 8 تنسيق EOT لعرض النص. بالنسبة لمثل هذه المتصفحات ، قم بتحويل TTF الأصلي باستخدام خدمات متعددة وقم بتضمين المحرف الناتج في المعلمة @ font-face بنفس الطريقة.
الخطوة الخامسة
إذا كنت تريد استيراد الملف الذي تريده من مصدر آخر ، فاستخدم الأمرimport ، والذي يجب كتابته أعلى مستند CSS:
import url (https:// font_address)
