تعد سمة الخط أحد أهم عناصر تطوير الويب التي تؤثر على مظهر النص على صفحة الويب. يسمح لك بتحديد حجم الخط والأسلوب واللون لجعل المحتوى الخاص بك أكثر قابلية للقراءة وجاذبية للمستخدمين.
يمكن أن يكون استخدام سمة الخط أداة مفيدة لإنشاء عناوين وعناوين فرعية وفقرات مذهلة. يمكنك تغيير حجم الخط لجذب انتباه القارئ أو استخدام أنماط خطوط مختلفة لإبراز المعلومات المهمة.
بالإضافة إلى ذلك ، يمكنك استخدام سمة الخط لتغيير لون النص لتتناسب مع النمط العام لموقع الويب الخاص بك أو نقل عاطفة معينة. يمكنك أيضا استخدام السمات لإنشاء علامات اقتباس أو تمييز كلمات أو عبارات فردية باستخدام الخط المائل أو الغامق.
يتطلب استخدام سمة الخط عناية حتى لا تفرط في تحميل الصفحة بعدد كبير جدا من أنماط الخطوط المختلفة. يوصى بعدم استخدام أكثر من خطين أو ثلاثة خطوط مختلفة على صفحة ويب واحدة من أجل الحفاظ على سهولة القراءة وتناغم العرض المرئي.
- تحديد وتطبيق سمة الخط
- كيفية استخدام سمة الخط في هتمل
- أمثلة على استخدام سمة الخط
- توصيات لاختيار خط لسمة
تحديد وتطبيق سمة الخط
لاستخدام سمة الخط في هتمل ، تحتاج إلى تحديده في علامة فتح العلامة. على سبيل المثال ، لتعيين الخط أريال:
النص مع الخط المحدد
بالإضافة إلى الخط ، يمكن لسمة الخط أيضا تعيين معلمات نصية أخرى ، مثل حجم الخط ولون النص والأنماط الأخرى.:
حجم الخط:
لتعيين حجم الخط ، استخدم سمة "حجم الخط". على سبيل المثال:
نص بحجم خط محدد
لون النص:
لتعيين لون النص ، استخدم سمة" اللون". على سبيل المثال:
نص باللون الأحمر
نمط النص:
لتعيين نمط النص ، استخدم سمة "نمط الخط". القيم المحتملة:" مائل "(مائل) ، " تسطير "(تحته خط) ، "غامق" (غامق) وغيرها. على سبيل المثال:
نص بخط مائل
يمكنك أيضا استخدام مجموعة من سمات الخط المختلفة للحصول على النتيجة المرجوة.
من المهم أن تتذكر أنه يمكن تطبيق سمات الخط ليس فقط على النص داخل العلامة ، ولكن أيضا على أي نص آخر على صفحة الويب باستخدام أنماط كس أو الأنماط المضمنة.
كيفية استخدام سمة الخط في هتمل
تسمح لك سمة" الخط " بتعيين خصائص الخط مثل الحجم واللون ونمط الخط وما إلى ذلك. يمكن استخدام هذه السمة لتغيير مظهر النص على الصفحة.
مثال على استخدام سمة الخط:
مثال على نص بحجم محدد من 4
مثال على نص مع مجموعة اللون الأزرق
مثال على النص مع تثبيت الخط أريال
مثال على النص مع مجموعة مائلة
يمكن استخدام سمة" الخط " مع العلامات والسمات الأخرى لتحقيق التأثير المطلوب. على سبيل المثال ، يمكن استخدامه داخل علامة لتعيين نمط الخط للفقرة بأكملها.:
مثال على نص بحجم محدد من 4
يمكن أن يكون استخدام سمة" الخط " مفيدا إذا كنت بحاجة إلى تغيير مظهر النص بسرعة على صفحة الويب. ومع ذلك ، ضع في اعتبارك أن استخدام سمة "الخط" يعتبر قديما ، ويوصى باستخدام كس لتعيين أنماط الخطوط.
العنوان مع مجموعة الخطوط الرومانية الجديدة تايمز
هذا هو النص مع الخط أريال المثبتة.
| 3. باستخدام خط غير قياسي: | |
| مرحبا ، العالم! | |
| هذا هو النص باستخدام غير قياسي هزلية بلا مس الخط. |