الانتقال إلى المحتوى الرئيسي

الأوامر التي ستساعدك على تغيير الخط: تعليمات مفصلة

يلعب الخط دورا مهما في إنشاء تصميم فعال ونقل المعلومات على الموقع. من المهم معرفة كيفية تغيير الخط على صفحة الويب باستخدام الأوامر.

هناك عدة طرق لتغيير الخط. واحدة من أبسطها هي استخدام العلامات "" لتمييز النص بالخط العريض والمائل ، على التوالي. على سبيل المثال ، لجعل التحديد غامقا ، يكفي استخدام أمر "النص".

يسمح لك أمر" وزن الخط " بتعيين الخط الغامق. لكي تعمل ، يجب تحديد قيمة سمة من 100 (الخط العادي) إلى 900 (الحد الأقصى للخط الغامق).

يمكنك أيضا تغيير الخط بالكامل باستخدام الأوامر الموجودة في كتلة" عائلة الخط". من الممكن تحديد الخطوط الجاهزة أو استخدام الخطوط المخصصة عن طريق تحديد اسمها مفصولة بفواصل. على سبيل المثال ، "الخط الأسرة: أريال ، هلفتيكا ، بلا الرقيق؛". في هذه الحالة ، فإن المتصفح عرض النص في الخط أريال ، إذا لم يكن موجودا ، ثم هلفتيكا ، وإذا لم يكن موجودا ، ثم في معيار بلا الرقيق الخط.

  1. أوامر لتغيير الخط في هتمل
  2. أمر "عائلة الخط" لتحديد خط
  3. أمر "حجم الخط" لتغيير حجم الخط
  4. أمر "وزن الخط" لتعيين سمك الخط

أوامر لتغيير الخط في هتمل

يوفر هتمل العديد من الأوامر التي تسمح لك بتغيير الخط على صفحة ويب. وفيما يلي بعض منها:

  1. وهلم جرا لرؤوس أصغر.
  2. إلى هذه العلامة لتغيير حجم الخط داخل الفقرة.
  3. - مجموعات النص الغامق. يمكن استخدامه لتسليط الضوء على المعلومات المهمة.
  4. - يسلط الضوء على النص بخط مائل. يتم استخدامه عندما تحتاج إلى إيلاء اهتمام خاص لشيء ما.
  5. يمكنك أيضا استخدام كس لتغيير الخط على صفحة ويب. يمكنك استخدام كس لتعيين الخط والحجم ونمط الخط وخصائص النص الأخرى. على سبيل المثال ، يمكنك إنشاء نمط يسمى "ميفونت" وتطبيقه على العنصر المطلوب:

هذه ليست سوى بعض الأمثلة على الأوامر والأساليب التي يمكن استخدامها لتغيير الخط في هتمل. استخدامها اعتمادا على الاحتياجات والتفضيلات الخاصة بك.

أمر "عائلة الخط" لتحديد خط

  • يتيح لك أمر عائلة الخط تحديد خط للنص على صفحة الويب. لاستخدام هذا الأمر ، يجب عليك تحديد قيمة سمة "عائلة الخط" وتحديد الخط المطلوب.

لاستخدام الأمر عائلة الخط ، استخدم بناء الجملة التالي:

الخط الأسرة: الخط 1 ، الخط 2 ، الخط 3;

الخط الأسرة: أريال ، بلا الرقيق;

}

في هذا المثال ، سيتم عرض النص بخط أريال إذا كان هذا الخط متاحا على كمبيوتر المستخدم. خلاف ذلك ، سيتم استخدام الخط بلا الرقيق.

  • يأخذ الأمر" حجم الخط " قيما مختلفة تحدد حجم النص. تشمل القيم الأكثر استخداما ما يلي:
  • : أصغر حجم الخط;
  • : حجم الخط الصغير;
  • : حجم الخط الصغير;
  • : متوسط حجم الخط (هذه هي القيمة الافتراضية);
  • : حجم الخط الكبير;
  • : حجم الخط كبير جدا;

كبير

مثال على نص بحجم خط 16 بكسل.

مثال على نص بحجم خط 150٪ من حجم الخط الافتراضي.

  • يمكن تطبيق أمر حجم الخط على أي عنصر هتمل ، على سبيل المثال ، الفقرات والعناوين والقوائم وما إلى ذلك. ومع ذلك ، ضع في اعتبارك أن استخدام الأنماط المضمنة قد يعقد صيانة التعليمات البرمجية وتحديثها في المستقبل.
  • نتيجة لذلك ، يعد أمر حجم الخط أداة مفيدة لتغيير حجم الخط على صفحة الويب ويمكن أن يساعد في تحقيق تأثير التصميم المرئي المطلوب.
  • أمر "وزن الخط" لتعيين سمك الخط
  • لتغيير سمك الخط في هتمل ، يتم استخدام خاصية كس "وزن الخط". تسمح لك هذه الخاصية بتعيين السمنة أو النحافة للخط لجعل النص أكثر تمييزا أو أقل وضوحا.
  • يمكن أن تكون قيم "وزن الخط" :
  • عادي-يحدد سمك الخط العادي (افتراضي);
  • غامق-يحدد سمك الخط الغامق;
  • أكثر جرأة-يزيد من سمك الخط بمستوى واحد;
  • أخف-يقلل من سمك الخط بمستوى واحد;
  • 100 هو أنحف خط;
  • 200 هو خط رفيع;

300 هو خط شبه رفيع;