الخط هو أحد العناصر الرئيسية لتصميم الويب ، والذي له تأثير كبير على إدراك المحتوى. يمكن أن يؤدي تعيين الخط بشكل صحيح في متصفحك إلى تحسين قابلية القراءة والجماليات العامة للواجهة بشكل كبير. في هذه المقالة ، سنلقي نظرة على إعدادات الخط الأساسية لعلامة تبويب الخط ونشارك النصائح حول كيفية تكوينها بشكل صحيح.
المعلمة الأولى التي تستحق الاهتمام هي حجم الخط. يحدد مدى سهولة قراءة النص ومدى ملاءمته لتصميم الصفحة. يوصى باختيار حجم الخط بناء على تفضيلاتك والجمهور المستهدف. بالنسبة للنص العادي ، تستخدم معظم مواقع الويب عادة حجم خط يتراوح بين 16 و 18 بكسل.
معلمة مهمة أخرى هي عائلة الخطوط. يحدد مجموعة الأحرف المستخدمة لعرض النص. يجب أن يتطابق اختيار عائلة الخطوط مع أسلوب وأهداف مشروعك. على سبيل المثال ، عادة ما تستخدم الخطوط الجادة والمهنية لعائلة "أريال" أو "هلفتيكا" لمواقع الشركات. في الوقت نفسه ، من أجل السهولة والود ، يمكنك اختيار الخطوط من عائلة "كاليبري" أو "فيردانا".
من المهم أن تضع في اعتبارك سهولة قراءة الخط. لا يعني حجم الخط الكبير دائما أن النص سيكون أسهل في القراءة. تعتمد قابلية القراءة على العديد من العوامل ، مثل الربط (تباعد الأسطر) وتباعد الحروف. يوصى باختيار الخطوط التي يمكن تمييز الحروف فيها بوضوح ولا يتم دمجها معا.
يمكن ضبط إعدادات الخط في علامة تبويب الخط في متصفحك عبر عناصر القائمة أو الإعدادات. تقدم بعض المتصفحات خيار اختيار الخط المخصص الخاص بك لجميع صفحات الويب. عند اختيار الخط ، لا تنس التحقق من شكله على الأجهزة والمتصفحات المختلفة للتأكد من سهولة قراءته وتوافقه.
- إعدادات الخط من علامة التبويب الخط
- إعداد الخط في متصفحك
- اختيار حجم الخط
- تغيير نوع الخط
- ضبط لون الخط
- إدارة محتوى الدهون من الخط
إعدادات الخط من علامة التبويب الخط
يمكن أن يكون لإعدادات الخط تأثير كبير على راحة النص وقابليته للقراءة في متصفحك ، بما في ذلك علامات التبويب. في هذا القسم ، سنتحدث عن بعض إعدادات الخطوط التي يمكن تهيئتها لعلامات تبويب الخطوط.
أحد معلمات الخط الرئيسية هو حجمه. يمكن تعيين حجم الخط باستخدام خاصية حجم الخط. على سبيل المثال:
.علامة التبويب {
}
عائلة الخط أريال هو خيار شعبي لعلامات التبويب ، كما أنه يوفر قراءة جيدة. القيمة الثانية من بلا الرقيق هو الخط البديل الذي سيتم استخدامه في حالة أريال غير متوفر.
| يمكنك أيضا تعيين معلمة وزن الخط ، المسؤولة عن تشبع الخط. القيمة الغامقة تجعل الخط غامقا ، والطبيعي يجعله طبيعيا. مثال: | |
|---|---|
| .علامة التبويب { | وزن الخط: غامق; |
| } | |
| يمكن إضافة الصرامة باستخدام معلمة نمط الخط. الخاصية المائلة تجعل الخط مائلا ، والعادي يجعله منتظما. مثال الاستخدام: |
.علامة التبويب {
نمط الخط: مائل;
}
| وبالتالي ، فإن ضبط إعدادات الخط لعلامات تبويب الخطوط يسمح لك بتحسين الإدراك البصري للنص وضمان قراءة مريحة في متصفحك. | |
| إعدادات الخط في متصفحك | يلعب الخط دورا مهما عند تصفح الويب ، لذا فإن تعيين الخط بشكل صحيح في متصفحك يمكن أن يجعل التصفح أكثر راحة ومتعة. |
| يمكنك تخصيص الخط لعناصر مختلفة من صفحة الويب ، بما في ذلك محتوى النص والعناوين. فيما يلي بعض خيارات الخطوط التي يمكنك تغييرها: | المعلمة |
الوصف
حجم الخط
يمكنك زيادة أو تقليل حجم الخط لقراءة أفضل. يقاس حجم الخط عادة بالبكسل (بكسل).
عائلة الخط
سيستخدم متصفحك عائلة الخطوط الأولى المتوفرة في القائمة. يمكنك اختيار عائلة الخط الذي تريد وأكثر ملاءمة للقراءة.
سمك الخط
| يمكنك ضبط سمك الخط: من العادي إلى الغامق أو المميز. | تباعد الحروف |
يؤثر التباعد بين الأحرف ، المعروف أيضا باسم تقنين الأحرف ، على سهولة قراءة النص. يمكنك زيادة أو تقليل التباعد بين الحروف للحصول على تأثير مرئي أفضل.
لون الخط
يمكنك اختيار لون الخط الذي تريده ويقرأ جيدا على خلفية صفحة الويب.
أقل من 14 بكسل
المتوسط
أكثر من 18 بكسل
يوصى عادة باستخدام حجم خط متوسط للنص الرئيسي للصفحة بحيث يكون قابلا للقراءة ولا يشغل مساحة كبيرة. بالنسبة للعناوين والعناصر الخاصة ، يمكنك استخدام حجم خط أكبر لتمييزها على الصفحة.
يتيح لك تغيير نوع الخط في علامة تبويب الخط تحديد نمط النص المناسب لمتصفحك. هي خيارات الخط المختلفة المتاحة لك ، مثل أريال ، تايمز نيو رومان ، فيردانا وغيرها الكثير. لتغيير نوع الخط ، ستحتاج إلى استخدام خاصية كس"عائلة الخط".
لتغيير نوع الخط ، يجب تحديد خط واحد أو أكثر بترتيب التفضيل ، وفصلها بفاصلة. سيستخدم المتصفح أول خط متاح من القائمة. في حالة عدم توفر أي من الخطوط المحددة ، سيستخدم المتصفح الخط الافتراضي.
الجسم { الخط الأسرة: أريال ، بلا الرقيق؛}في هذا المثال ، فإن المتصفح استخدام الخط اريال إذا كان متوفرا. إذا أريال غير متوفر ، سيتم استخدام أي خط ينتمي إلى عائلة "بلا الرقيق". يتيح لك استخدام عائلة الخطوط تثبيت خطوط بديلة لضمان أقصى قدر من التوافق مع أنظمة التشغيل والأجهزة المختلفة.
الخطوط الأساسية مثل أريال ، تايمز نيو رومان ، فيردانا عادة ما تكون متاحة على معظم الأجهزة وأنظمة التشغيل. ومع ذلك ، إذا كنت ترغب في استخدام خط معين ، فتأكد من أنه في متناول جميع زوار موقع الويب الخاص بك. خلاف ذلك ، سيستخدم المتصفح خطا افتراضيا بديلا.
ضبط لون الخط
لتغيير لون النص في علامات التبويب ، يمكنك استخدام كس
خاصية اللون
. يمكن تعيين لون الخط بتنسيق اسم اللون (على سبيل المثال,
# 0000
).
لتغيير لون الخط في جميع علامات التبويب في نفس الوقت ، يمكنك استخدام أنماط كس العالمية. على سبيل المثال ، سيغير الرمز التالي لون النص في علامات التبويب إلى اللون الأحمر: