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