تتيح لك خيارات التصميم البسيط تغيير خط صفحة الويب (أو نوع) باستخدام CSS (أوراق الأنماط المتتالية). يمكنك تعيين خط الكلمات الفردية ، والجمل المحددة ، والعناوين ، والفقرات بأكملها ، وحتى صفحات النص بالكامل.
كيفية تغيير الخط مع المغلق
يمكنك إجراء تغييرات HTML و CSS المشروحة أدناه باستخدام أي محرر HTML أو محرر نصوص. يمكنك إما نسخ النص من الصفحة ولصقه في محرر لإجراء التغييرات هناك أو فتح صفحة الويب بأكملها في المحرر وتحريرها مباشرة.
-
حدد النص الذي تريد تغيير الخط فيه. سنستخدم هذا كمثال:
هذا النص في ارييل
-
تحيط النص مع عنصر SPAN:
هذا النص في ارييل
-
أضف السمة على غرار = "" لعلامة span:
هذا النص في ارييل
-
داخل سمة النمط ، قم بتغيير الخط باستخدام خط العائلة قلم المدقة.
هذا النص في ارييل
-
احفظ التغييرات لرؤية التأثيرات.
نصائح لاستخدام CSS لتغيير الخط
-
أفضل أسلوب هو أن يكون لديك على الأقل خطين في مكدس الخط (قائمة الخطوط) ، بحيث إذا كان المتصفح لا يحتوي على الخط الأول ، فيمكنه استخدام الخط الثاني بدلاً من ذلك.
افصل بين خيارات الخط المتعددة بفاصلة ، على النحو التالي:
font-family: Arial، Geneva، Helvetica، sans-serif؛
-
يستخدم المثال الموضح أعلاه التصميم الداخلي ، ولكن أفضل نوع من التصميم يستخدم ورقة أنماط خارجية بحيث يمكنك التأثير على أكثر من عنصر واحد فقط. يمكنك استخدام فئة لتعيين النمط على كتل النص.
هذا النص في ارييل
في هذا المثال ، سيظهر ملف CSS لنمط HTML أعلاه على النحو التالي:
.arial {family-family: Arial؛ }
-
قم دائمًا بإنهاء أنماط CSS بفاصلة منقوطة (؛). ليس مطلوبًا عندما يكون هناك نمط واحد فقط ، ولكنها عادة جيدة للبدء.
