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