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