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