الخط هو جانب مهم من تصميم صفحة الويب. يتيح لك الاستخدام الصحيح للخطوط إنشاء محتوى جذاب وقابل للقراءة. هناك العديد من الطرق لتخصيص الخطوط في هتمل و كس ، من اختيار الخط الرئيسي لتغيير حجمه والتباعد ، وكذلك إضافة المؤثرات الخاصة.
تتمثل إحدى الطرق الرئيسية لتخصيص الخطوط في استخدام خاصية عائلة الخطوط. تتيح لك هذه الخاصية تحديد الخط المفضل أو قائمة الخطوط بترتيب الأولوية. على سبيل المثال ، لتعيين أريال كخط رئيسي ، يمكنك استخدام رمز كس التالي:
الجسم {الخط الأسرة: أريال ، بلا الرقيق;
}
إذا أريال غير متوفر ، فإن المتصفح يحل محله مع أول خط متاح من القائمة المحددة في الخاصية. بالإضافة إلى ذلك ، يمكنك استخدام خصائص مختلفة مثل حجم الخط (إعداد حجم الخط) ووزن الخط (إعداد تشبع الخط) وغيرها لتحقيق التأثير المرئي المطلوب.
ضع في اعتبارك أن صفحات الويب متوفرة على أجهزة مختلفة وفي متصفحات مختلفة ، لذلك من المهم اختيار الخطوط التي يتم عرضها بشكل جيد على جميع الأنظمة الأساسية. بالإضافة إلى ذلك ، يوصى باستخدام وحدات قياس نسبية عند ضبط أحجام الخطوط للتأكد من أن الصفحة تتكيف مع أحجام الشاشة المختلفة.
في هذه المقالة ، سوف ننظر في جميع الطرق الرئيسية لتخصيص الخط في هتمل و كس. سنلقي نظرة مفصلة على كل خاصية ونقدم أمثلة استخدام بقيم مختلفة. بعد قراءة هذا الدليل ، ستتمكن من التحكم في مظهر النص على صفحات الويب الخاصة بك وإنشاء تصميم جذاب باستخدام خطوط تم تكوينها بشكل صحيح.
الخطوط في هتمل و كس: دليل كامل
1. استخدام الخطوط المضمنة:
هتمل و كس توفير العديد من الخطوط المضمنة للاستخدام على صفحة ويب. بعضها يشمل أريال ، تايمز نيو رومان ، فيردانا ، إلخ. لاستخدام الخط المدمج ، يكفي تحديد اسمه في نمط كس.
على سبيل المثال:
| الممتلكات | المعنى |
|---|---|
| الخط الأسرة | أريال ، بلا شريف; |
2. استخدام الخطوط الخارجية:
تسمح لك الخطوط الخارجية باستخدام خطوط خاصة غير مدرجة في قائمة الخطوط المضمنة. الطريقة الأكثر شعبية لاستخدام الخطوط الخارجية هو توصيل ملف الخط عبر المغلق @قاعدة الخط الوجه.
مثال:
| الممتلكات | المعنى |
|---|---|
| @الخط الوجه | { |
| الخط الأسرة | 'كوستومفونت' ، بلا الرقيق; |
3. تغيير حجم الخط:
يتم تحديد حجم الخط في كس باستخدام خاصية حجم الخط. يمكن تحديد الحجم بالبكسل أو النسب المئوية أو م أو وحدات القياس الأخرى المتاحة.
مثال:
| الممتلكات | المعنى |
|---|---|
| حجم الخط | 16 بكسل; |
4. تباعد الأسطر:
يحدد تباعد الأسطر المسافة بين أسطر النص. يتم تحديده باستخدام خاصية ارتفاع الخط في كس.
مثال:
| الممتلكات | |
|---|---|
| قيمة ارتفاع الخط | هو 1.5; |
5. الميل الغامق والخط:
يمكن أن تكون الخطوط جريئة أو مائلة باستخدام خصائص وزن الخط ونمط الخط في كس.
مثال:
| الممتلكات | المعنى |
|---|---|
| الخط الوزن | جريئة; |
| نمط الخط | مائل; |
في الختام ، تلعب الخطوط دورا مهما في إنشاء تصميم فعال لصفحة الويب. باستخدام الخطوط والإعدادات الصحيحة ، يمكنك إنشاء تصميم فريد وجذاب لموقع الويب الخاص بك.