يعد تنسيق النص جانبا مهما عند إنشاء مواقع الويب وتطويرها. أحد العناصر الرئيسية لتصميم النص هو اختيار الخط المناسب. لحسن الحظ ، تجعل تقنيات الويب الحديثة من السهل تغيير الخط عبر الخطوط. بفضل هذا ، يمكنك إنشاء نصوص أنيقة وقابلة للقراءة ستبدو رائعة على موقعك.
من ناحية أخرى ، قد يبدو تغيير الخط بسهولة عبر الخطوط مهمة شاقة. ومع ذلك ، مع تطبيق بعض العلامات الأساسية في هتمل ، تصبح المهمة أسهل بكثير. على سبيل المثال ، يتم استخدام علامة لتمييز النص بالخط العريض ، ويتم استخدام علامة لتمييز النص بخط مائل. بهذه الطريقة ، يمكنك تغيير مظهر النص ، مما يجعله أكثر تعبيرا ومعلما.
بالإضافة إلى ذلك ، من الممكن استخدام الخطوط الخارجية التي يمكن تحميلها مباشرة على موقع الويب الخاص بك. تسمح لك الخطوط الخارجية بإضافة الشخصية والأصالة إلى موقعك ، وتمييزه عن الآخرين. من خلال اختيار الخطوط المناسبة ، يمكنك إنشاء جو فريد وتعكس نمط المحتوى الخاص بك.
أخيرا ، عند اختيار الخط ، ضع في اعتبارك سهولة قراءته. يجب أن يكون حجم الخط ونمطه بحيث يكون النص قابلا للقراءة ومفهوما للمستخدمين. تأكد من أن الخط الذي تختاره بحجم كاف ووضوح جيد حتى يتمكن القراء من قراءة المعلومات التي تقدمها بشكل مريح.
- تغيير خط النص
- كيفية تغيير الخط بسهولة في هتمل
- تطبيق الأنماط لتغيير الخط
- طريقة سهلة لتثبيت الخط عبر المغلق
تغيير خط النص
هناك عدة طرق لتغيير خط النص في هتمل.
1. استخدام علامة مع سمة النمط:
يمكنك استخدام العلامة لتغيير خط جزء معين من النص. أضف سمة النمط إلى العلامة وحدد خاصية عائلة الخط بقيمة الخط المطلوب. على سبيل المثال ، لاستخدام الخط أريال ، يمكنك كتابة:
نص بخط أريال
2. باستخدام العلامة :
هناك طريقة أخرى لتغيير خط النص وهي استخدام علامة. إضافة سمة الوجه مع قيمة الخط المطلوب. على سبيل المثال:
النص في أريال
3 الخط. باستخدام ورقة نمط كس الخارجية:
إذا كان لديك العديد من عناصر النص التي تريد تنسيقها بنفس الخط ، فمن المستحسن استخدام ورقة أنماط كس الخارجية. داخل العلامات
указывается селектор элемента и свойство font-family со значением желаемого шрифта.على سبيل المثال:
سيؤدي هذا إلى تغيير خط جميع الفقرات في الصفحة إلى أريال.
يعتمد اختيار كيفية تغيير الخط على تفضيلاتك ومتطلبات مشروعك.
كيفية تغيير الخط بسهولة في هتمل
يوفر هتمل عدة طرق لتغيير خط النص على الصفحة.
الوسم
واحدة من أبسط الطرق لتغيير خط النص هي استخدام علامة. تحتوي هذه العلامة على سمات تسمح لك بتعيين حجم الخط ولونه وعنوانه.
على سبيل المثال:
نص بخط محدد
العلامات و
تم تصميم العلامات لتمييز النص ويمكن استخدامها لتغيير الخط.
العلامة تجعل النص غامقا:
نص غامق
العلامة تجعل النص مائلا:
نص بخط مائل
أوراق نمط المغلق
باستخدام أوراق أنماط كس ، يمكنك تعيين الخط للصفحة بأكملها أو للعناصر الفردية.
وفيما يلي مثال على رمز كس الذي يحدد الخط لعنصر مع معرف = "ميتكست" السمة:
# نصتي {
الخط الأسرة: أريال ، بلا الرقيق;
حجم الخط: 18 بكسل;
وزن الخط: غامق;
- تطبيق الأنماط لتغيير الخط
باستخدام خاصية عائلة الخط ، يمكنك تحديد خط معين سيتم تطبيقه على النص. على سبيل المثال:
- تعيين الخط أريال لجميع الفقرات على الصفحة. إذا كان الخط أريال غير متوفر ، سيتم استخدام الخط بلا الرقيق المحدد بعد الفاصلة.
- يعطي فئة" العنوان " فيردانا أو جنيف أو أي خط آخر بلا رقيق.
يمكن تعيين حجم الخط باستخدام خاصية حجم الخط. على سبيل المثال:
- يضبط حجم خط رأس المستوى الأول (ح1) إلى 24 بكسل.
- يحدد حجم الخط لعناصر القائمة (لي) إلى 16 بكسل.
يمكن تغيير لون النص باستخدام خاصية اللون. على سبيل المثال:
قاعدة المغلق
أ {اللون: # ف 0000؛}
يحدد اللون الأحمر للروابط.
| قاعدة المغلق | .تسليط الضوء { اللون: أزرق؛} |
|---|---|
| يحدد اللون الأزرق للعناصر مع فئة" تسليط الضوء". | لتعيين الخط عبر كس ، تحتاج إلى استخدام خاصية عائلة الخط. تسمح لك هذه الخاصية بتحديد اسم الخط ليتم تطبيقه على عناصر هتمل المحددة. |
على سبيل المثال ، لتعيين الخط "أريال" لجميع الفقرات على موقعنا ، يمكننا استخدام رمز كس التالي:
كود:
الوصف:
| ص { | الخط الأسرة: أريال; |
|---|---|
| } | وبالإضافة إلى ذلك ، كس يسمح لك لتحديد خطوط متعددة مفصولة بفواصل. إذا كان الخط أريال غير متوفر على جهاز المستخدم ، فإن المتصفح محاولة لتحميل الخط المحدد التالي في القائمة. |
هنا مثال على استخدام خطوط متعددة:
كود: