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