كيفية استخدام CSS لتغيير الخطوط على صفحات الويب

تنطبق لقطات الشاشة أدناه على ملعب كود JSFiddle.net ، لكن المفاهيم الموصوفة صحيحة بغض النظر عن مكان تنفيذ الكود الخاص بك.

حدد مكان النص الذي تريد تغيير الخط فيه. سنستخدم هذا كمثال:

ضمن سمة النمط ، قم بتغيير الخط باستخدام تنسيق خط العائلة نمط.

احفظ التغييرات لترى التأثيرات.

أفضل طريقة هي أن يكون لديك دائمًا خطان على الأقل في ملف مكدس الخط (قائمة الخطوط) ، بحيث إذا كان المتصفح لا يحتوي على الخط الأول ، فيمكنه استخدام الخط الثاني بدلاً من ذلك.

يستخدم المثال الموضح أعلاه أسلوبًا مضمنًا ، ولكن الأفضل نوع من التصميم يستخدم ورقة الأنماط الخارجية لتعديل أكثر من عنصر واحد فقط. استخدم فئة لتعيين النمط على كتل من النص.

قم دائمًا بإنهاء أنماط CSS بفاصلة منقوطة (؛). ليس مطلوبًا عندما يكون هناك نمط واحد فقط ، لكنها عادة جيدة للبدء.