الخطوط هي عنصر مهم في أي صفحة ويب. يتيح لك التنسيق المناسب لمعلمات الخط إنشاء تصميم جذاب وجذاب من الناحية الجمالية ، بالإضافة إلى زيادة إدراك المستخدم للمعلومات.
تتمثل إحدى الطرق الرئيسية لتنسيق الخطوط في تحديد الخط المناسب. يجب أن يتم دمجه مع النمط العام وموضوع صفحة الويب. فمن المستحسن استخدام الخطوط بلا الرقيق للعناوين والخطوط الرقيق للنص الرئيسي. يجدر أيضا الانتباه إلى سهولة قراءة الخط بأحجام مختلفة.
جانب آخر مهم لتنسيق الخط هو حجم ولون النص. يجب أن يكون حجم الخط كافيا لقراءة النص بشكل مريح ، ولكن يجب ألا يكون كبيرا جدا حتى لا يدمر التكوين العام لصفحة الويب. يجب أن يتناقض لون النص مع الخلفية لضمان سهولة إدراك المعلومات.
مثال:
هذا مثال على النص بخط تم تغييره ، 20 بكسل في الحجم واللون # 333.
- ما هو تنسيق معلمة الخط?
- الأساليب
- تغيير حجم الخط
- اختيار محتوى الدهون
- تغيير نمط الخط
- أمثلة
- تنسيق العناوين الرئيسية
ما هو تنسيق معلمة الخط?
غالبا ما تتطلب صفحات الويب استخدام خطوط مختلفة لتعزيز الإدراك البصري ونقل المعلومات. ومع ذلك ، يمكن أن يكون استخدام الخطوط القياسية مملا ومحدودا. تسمح إعدادات تنسيق الخط لمطوري الويب بالتحكم في مظهر النص وإنشاء تصميمات فريدة.
هناك العديد من الخيارات التي يمكنك استخدامها لتنسيق الخطوط في هتمل:
- يسمح للمتصفح باستخدام الخط أريال أولا ، وإذا لم يكن كذلك ، ثم الخط بلا الرقيق.
- حجم الخط: يحدد حجم الخط. يمكن تعريفه بالوحدات المطلقة (مثل وحدات البكسل) أو الوحدات النسبية (مثل النسب المئوية أو م). مثال الاستخدام:
- الخط الوزن: يحدد تشبع الخط. يمكن أن تكون القيمة عادية (خط قياسي) أو غامق (خط غامق) أو أفتح (خط أفتح) أو قيمة رقمية في النطاق من 100 إلى 900. مثال:
- نمط الخط: يسمح لك بتعيين نمط الخط ، مثل الإمالة (مائل) أو عادي (عادي). مثال:
- زخرفة النص: يسمح لك بإضافة زخرفة إلى النص ، مثل التسطير (تسطير) أو يتوسطه خط (خط من خلال). مثال:
يتيح تطبيق هذه الإعدادات على النص للمطورين إنشاء أنماط خطوط فريدة وجذابة لصفحات الويب الخاصة بهم.
الأساليب
في هتمل ، هناك عدة طرق لتنسيق معلمات الخط.
1. استخدام سمات الخط
تتمثل إحدى أسهل الطرق لتعيين معلمات الخط في استخدام سمات حجم الخط وعائلة الخط واللون. على سبيل المثال:
نموذج النص
في هذا المثال ، سيتم عرض النص في الخط أريال ، 16 بكسل في الحجم والأزرق.
الآن سيتم عرض جميع الفقرات مع الخط أريال ، 16 بكسل في الحجم واللون الأزرق.
3. استخدام ملفات النمط الخارجي
لإدارة نمط أكثر ملاءمة ومرونة ، يمكنك إنشاء ملف نمط منفصل من شأنها أن تتصل صفحة هتمل. على سبيل المثال:
| في الأنماط.ملف كس ، يمكنك تحديد أنماط لعناصر مختلفة من وثيقة هتمل ، بما في ذلك إعدادات الخط. | ||
| هذه ليست سوى بعض الطرق الممكنة لتنسيق معلمات الخط في هتمل. الطريقة التي تختارها متروك لك ، اعتمادا على متطلبات المشروع والتفضيلات الشخصية. | تغيير حجم الخط | |
| مثال الاستخدام: | الوسم |
الوصف
مثال
متوسطة الحجم
فيما يلي بعض أمثلة التعليمات البرمجية التي توضح التنسيق الصحيح لإعدادات الخط: