كيفية تغيير الخط على الموقع

جدول المحتويات:

كيفية تغيير الخط على الموقع
كيفية تغيير الخط على الموقع

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

فيديو: كيفية تغيير الخط على الموقع
فيديو: طريقه تغيير شكل الخطوط في لغة البرمجه Html / Css 2024, شهر نوفمبر
Anonim

يمكن أن يكون كل موقع على الإنترنت فريدًا ليس فقط من حيث التصميم والألوان ، ولكن أيضًا من حيث الخطوط المستخدمة فيه. بمساعدة الخط ، يمكنك تحديد العنوان ، وجعل النص غامقًا ، وتطبيق الخط المائل على المنطقة المحددة ، وحتى وضع خط تحت شيء ما في مكان ما. حتى طالب الصف الأول يمكنه التعامل مع مثل هذه المهمة في برامج تحرير النصوص ، فلنلقِ نظرة على كيفية تغيير خط النص على موقع الويب الخاص بك.

كيفية تغيير الخط على الموقع
كيفية تغيير الخط على الموقع

تعليمات

الخطوة 1

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

عائلة الخطوط - حدد نوع الخط الذي تريد استخدامه. الخطوط الأكثر شيوعًا هي Times New Roman و Tahoma و Verdana و Arial ؛

حجم الخط - حدد حجم الخط الذي تريده في شكل الرقم المقابل ، ولا تنس إضافة pt. على سبيل المثال ، حجم الخط: 10 نقطة ؛

نمط الخط - حدد نمط الخط ، سواء كان عاديًا أو مائلًا ؛

متغير الخط - حدد حالة أحرف الخط ، الأحرف الكبيرة الصغيرة ؛

وزن الخط - حدد وزن الخط ، وما إذا كان سيكون غامقًا أم غامقًا ، وما إلى ذلك.

الخطوة 2

يمكنك تغيير خط النص مباشرة في مستند HTML معين إذا كنت لا تريد أن تطبق ورقة الأنماط نفس المظهر على الموقع بأكمله. للقيام بذلك ، لم تعد تستخدم معلمات الخط في ورقة الأنماط ، ولكن مباشرةً في جزء النص الذي تريد تغييره. على سبيل المثال: هذا هو النص الخاص بك

في هذه الحالة ، تحتوي علامة الخط على ثلاث معلمات:

اللون - لون الخط ؛

وجه - نوع الخط ؛

الحجم - حجم الخط.

قم بتغيير معلمات النص التي تحتاجها ، ستحصل على شيء مثل ما يلي:

هذا هو النص الخاص بك

الخطوه 3

ترتيب العناوين عند الضرورة. عادة ما تكون عناوين النص محاطة بعلامات من

قبل

اعتمادًا على حجم الرأس الذي تريد الحصول عليه. H1 - هذا هو العنوان الرئيسي في الصفحة ، على التوالي ، الأكبر ؛ H6 هو الأصغر. علامات H هي علامات مقترنة ، لذلك تحتاج إلى وضع كل من علامة H الافتتاحية وعلامة الإغلاق.

الخطوة 4

قم بتطبيق خيارات تنسيق النص الإضافية حيثما كان ذلك مناسبًا. يمكنك:

- قم بتمييز جزء من النص بخط عريض باستخدام العلامات المقترنة ، أو

- تطبيق الخط المائل باستخدام العلامات المزدوجة ، أو

- ضع خط تحت الأقسام الضرورية من النص باستخدام علامة مقترنة

موصى به: