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