تعد الخطوط جانبا مهما في تصميم صفحة الويب ، ويمكن أن تؤثر بشكل كبير على إدراك المحتوى. في بعض الأحيان تكون هناك مواقف تحتاج فيها إلى حذف خط محدد من صفحة ويب. في هذه المقالة ، سنلقي نظرة على بعض الطرق البسيطة لتغيير نمط الخط على موقعك.
واحدة من أكثر الطرق شيوعا لإزالة الخط هو استخدام كس. بفضل كس ، يمكنك تحديد الخط الذي يجب استخدامه على موقعك بالضبط. إذا كنت ترغب في إزالة الخط تماما ، تحتاج إلى تحديد قيمة "الخط الأسرة" يساوي "لا شيء" في ملف كس. بهذه الطريقة ، سيستخدم المتصفح الخط الافتراضي ويعرض النص دون تغيير.
ملاحظة: من المهم أن تتذكر أنه عند حذف خط ، قد تفقد بعض أنماط تنسيق النص. إذا كان موقعك يحتوي على الكثير من النصوص ، فيجب أن تفكر بعناية في التغييرات لجعله أكثر قابلية للقراءة.
هناك طريقة أخرى لإزالة الخط وهي استخدام عنصر نمط "وجه الخط". يتيح لك هذا العنصر تحميل خط مخصص ، ولكن إذا كنت تريد حذف الخط ، فيمكنك تحميل ملف فارغ دون تحديد الخط. وبالتالي ، لن يجد المتصفح أي خط لاستخدامه وسيعرض النص باستخدام الخط الرئيسي للجهاز.
في الختام ، يمكن أن يكون تغيير نمط الخط على صفحة الويب مهمة بسيطة إلى حد ما عند استخدام عناصر كس والنمط. يمكنك حذف الخطوط عن طريق تحديد القيمة "لا شيء" لـ "عائلة الخط" في كس ، أو عن طريق تحميل ملف فارغ باستخدام عنصر نمط وجه الخط. من المهم أن تتذكر أنه عند حذف خط ، يجب أن تأخذ في الاعتبار التأثير على قراءة النص وإدراكه على موقعك.
- نظرة عامة: نص منمق على موقع ويب
- تغيير الخط: طرق بسيطة
- 1. باستخدام الخطوط المغلق جزءا لا يتجزأ من
- 2. توصيل الخطوط الخارجية
- 3. تغيير الخط من خلال سمات هتمل
- 4. استخدام الإضافات والمكتبات
- حذف الخط: كيف نفعل ذلك?
- عائلات الخط في المغلق
نظرة عامة: نص منمق على موقع ويب
على موقع الويب ، يلعب النص دورا رئيسيا في تقديم المحتوى. يتيح لك تصميم النص إنشاء تجربة مرئية جذابة وقابلة للقراءة للزوار. سيغطي هذا القسم الطرق الرئيسية لنمط النص على موقع الويب.
| الممتلكات | الوصف |
|---|---|
| الخط الأسرة | يحدد الخط للنص |
| حجم الخط | يحدد حجم الخط |
| الخط الوزن | يتحكم في التشبع |
| من خط اللون | يحدد لون النص |
| زخرفة النص | يضيف تنسيق النص مثل التسطير أو يتوسطه خط |
| محاذاة النص | محاذاة النص أفقيا |
| تحويل النص | يغير حالة النص |
، مما يسمح لك بتحديد الخط المطلوب للنص الخاص بك. على سبيل المثال ، يمكنك استخدام التعليمات البرمجية التالية لتعيين الخط:
الخط الأسرة: أريال ، بلا الرقيق;
يمكنك تعيين حجم النص. على سبيل المثال ، لتعيين الحجم إلى 14 بكسل ، يمكنك استخدام التعليمات البرمجية التالية:
حجم الخط: 14 بكسل;
إرجاع التشبع الأساسي العادي للنص.
. على سبيل المثال ، لتعيين لون النص إلى اللون الأحمر ، يمكنك استخدام التعليمات البرمجية التالية:
اللون: أحمر;
سوف يشطب النص.
قم بمحاذاة النص إلى الحواف اليسرى والوسطى واليمنى ، على التوالي.
- أحرف صغيرة.
استخدم الخصائص المعروضة هنا لإنشاء نمط نص فريد وجذاب على موقع الويب الخاص بك.
تغيير الخط: طرق بسيطة
نمط الخط له أهمية كبيرة في التصميم المرئي للموقع. في بعض الأحيان يكون من الضروري تغيير الخط لجعل النص أكثر قابلية للقراءة أو للتأكيد على عناصر معينة. في هذه المقالة ، سنلقي نظرة على بعض الطرق البسيطة لتغيير الخط على الموقع.
1. باستخدام الخطوط المغلق جزءا لا يتجزأ من
واحدة من أسهل الطرق لتغيير الخط على موقع على شبكة الانترنت هو استخدام المدمج في الخطوط المغلق. للقيام بذلك ، تحتاج إلى تسجيل الخصائص المناسبة في ملف نمط كس. على سبيل المثال ، يمكنك استخدام خاصية عائلة الخط لتعيين خط معين لعناصر معينة.
2. توصيل الخطوط الخارجية
لتغيير الخط بشكل أكثر مرونة ، يمكنك استخدام الخطوط الخارجية المتصلة باستخدام خدمات خاصة مثل خطوط جوجل. للقيام بذلك ، أضف رابطا إلى الخط في قسم مستند هتمل واستخدمه في أنماط كس.
3. تغيير الخط من خلال سمات هتمل
طريقة أخرى سهلة لتغيير الخط على موقع ويب هي استخدام سمات هتمل. على سبيل المثال ، يمكنك استخدام سمة النمط لعنصر وتحديد خط معين مباشرة في شفرة هتمل.
4. استخدام الإضافات والمكتبات
إذا كنت لا ترغب في تخصيص نمط الخط يدويا ، فيمكنك استخدام المكونات الإضافية والمكتبات التي توفر حلولا جاهزة لتغيير الخط. على سبيل المثال ، يمكنك استخدام المكون الإضافي الرائع للخط الشهير ، والذي يقدم مجموعة كبيرة من الرموز والخطوط لاستخدامها على موقعك.
في النهاية ، يعتمد اختيار كيفية تغيير الخط على الموقع على تفضيلاتك ومتطلبات المشروع. من المهم أن تتذكر أن الخط يجب أن يكون قابلا للقراءة وأن يتطابق مع نمط التصميم العام لموقعك.
حذف الخط: كيف نفعل ذلك?
يمكن أن يحدث تغيير نمط الخط على موقع الويب فرقا في مظهره العام. ومع ذلك ، في بعض الأحيان قد ترغب في العودة إلى الخط الأصلي أو القياسي على موقعك. في هذه الحالة ، تحتاج إلى حذف الخط المطبق والعودة إلى الخط الأصلي.
هناك عدة طرق لإزالة خط على موقع ويب:
1. باستخدام أنماط كس: لإزالة خط باستخدام كس ، يمكنك ببساطة إزالة خاصية 'الخط الأسرة' من العنصر المقابل. على سبيل المثال ، إذا كنت بحاجة إلى إزالة خط من الفقرات ، فسيكون الرمز المقابل كما يلي:
ص {
в разделе вашего HTML-документа.ص {
- الخط الأسرة: أريال ، بلا الرقيق;
- }
3. استخدام خاصية 'الخط' المغلق: يمكنك أيضا استخدام خاصية 'الخط' لحذف الخط. للقيام بذلك ، قم بتعيين القيمة 'الأولية' لخاصية 'عائلة الخط'. على سبيل المثال: