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