طريقة واحدة لتغيير خط نص موجود هو استخدام علامات هتمل. هذا مفيد بشكل خاص عندما تريد إبراز كلمات أو عبارات معينة حتى تجذب انتباه القارئ أكثر. على سبيل المثال ، يمكنك استخدام علامة لتمييز الكلمات أو العبارات بالخط العريض بحيث تبرز على الصفحة.
بالإضافة إلى ذلك ، يمكنك استخدام العلامة لتمييز الكلمات أو العبارات بخط مائل لجعلها تبدو أكثر تعبيرا. هذا مفيد بشكل خاص عندما تريد التأكيد على العاطفية أو إبراز أهمية كلمات أو عبارات معينة.
هناك طريقة أخرى لتغيير خط نص موجود وهي استخدام كس. باستخدام كس ، يمكنك تطبيق أنماط معينة على النص ، بما في ذلك الخط والحجم واللون والمزيد. يمكنك إنشاء فئات أو معرفات لتطبيق الأنماط على مناطق محددة من النص ، أو استخدام أنماط مضمنة لتغيير الأنماط مباشرة داخل العلامات.
بالإضافة إلى ذلك ، يمكنك استخدام أوراق الأنماط الخارجية لتطبيق الأنماط على جميع العناصر الموجودة على الصفحة. يمكن أن يكون هذا مفيدا عندما تريد تغيير الخط لجميع العناوين أو الفقرات أو القوائم على صفحتك. ما عليك سوى إنشاء ملف نمط جديد وتوصيله باستخدام علامة ، ثم تحديد الأنماط المطلوبة داخل هذا الملف.
- تغيير الخط في مستند هتمل
- كيفية اختيار الخط الصحيح
- تغيير الخط باستخدام الأنماط المضمنة
- تغيير الخط باستخدام الأنماط الخارجية
- تغيير الخط باستخدام خصائص كس
- تغيير الخط باستخدام جافا سكريبت
تغيير الخط في مستند هتمل
في مستند هتمل ، يمكنك بسهولة تغيير خط النص باستخدام كس (أوراق الأنماط المتتالية). كس يسمح لك لتعيين خصائص مختلفة لعناصر صفحة ويب ، بما في ذلك الخط. لتغيير خط النص في هتمل ، تحتاج إلى تطبيق كس على العنصر أو الفئة المقابلة.
تشمل الخصائص الرئيسية المسؤولة عن خط النص ما يلي:
- الخط الأسرة: يحدد عائلة الخط التي سيتم استخدامها لعرض النص. على سبيل المثال ، يمكنك تحديد أريال ، تايمز نيو رومان ، أو غيرها من الخطوط المتاحة على جهاز الكمبيوتر الخاص بالمستخدم.
- حجم الخط: يحدد حجم الخط. يمكن تعيين أحجام الخطوط بالبكسل أو النسب المئوية أو وحدات القياس الأخرى.
- نمط الخط: يحدد نمط الخط. على سبيل المثال ، يمكنك استخدام الخط المائل لخط مائل.
- الخط الوزن: يحدد تشبع الخط. على سبيل المثال ، يمكنك استخدام الخط الغامق للخط الغامق.
لتطبيق خصائص كس على النص في هتمل ، استخدم العلامات داخل القسم وقم بتعيين فئة (أو معرف) لعنصر النص المقابل. على سبيل المثال:
في المثال أعلاه ، يتم تطبيق فئة النص الخاص بي على عنصر نصي سيتم عرضه الآن بخط أريال ، بحجم 16 بكسل ، مع تشبع الخط الغامق.
لتغيير الخط للمستند بأكمله ، قم بتطبيق فئة أو معرف على العنصر الجذر :
الآن سيتم عرض كل النص في المستند بخط أريال.
| كيفية اختيار الخط الصحيح | يمكن أن يؤثر اختيار الخط الصحيح بشكل كبير على إدراك النص وتحسين إمكانية قراءته. فيما يلي بعض النصائح لمساعدتك في اختيار الخط المناسب للنص الخاص بك: |
| 1. النظر في السياق | قبل اختيار الخط ، من الضروري تحليل السياق الذي سيتم استخدامه فيه. تحديد الغرض من النص الخاص بك وإيلاء الاهتمام لأسلوبه ونبرة. قد تكون بعض الخطوط أكثر رسمية ومناسبة لمستندات العمل ، بينما قد يكون البعض الآخر أكثر مرحا ومناسبا للمحتوى الإبداعي. |
| 2. ضع في اعتبارك سهولة القراءة | المعيار الرئيسي لاختيار الخط هو سهولة قراءته. تأكد من أن الخط المحدد سهل القراءة ولا يخلق صعوبات عند القراءة. انتبه إلى حجم الخط والتباعد بين الأحرف (تقنين الأحرف) وبين السطور. لاحظ أيضا أن بعض الخطوط قد تكون فاتحة أو غامقة ، مما قد يؤثر أيضا على سهولة القراءة. |
| 3. حجم الخط | يعتمد اختيار حجم الخط على عدة عوامل ، بما في ذلك نوع النص والغرض من المحتوى. قد تستخدم النصوص الأقل رسمية حجم خط أكبر لسهولة القراءة بشكل أفضل ، بينما قد تتطلب النصوص الأكثر رسمية حجم خط أصغر. |
4. التوافق
تأكد من أن الخط المحدد متوافق مع الأنظمة الأساسية والأجهزة والمتصفحات المختلفة. وتجدر الإشارة أيضا إلى أن بعض الخطوط قد تكون متاحة فقط بموجب ترخيص ، مما قد يحد من استخدامها.
تذكر أن اختيار الخط هو جانب مهم لإنشاء نص عالي الجودة. لذا استكشف الخطوط المختلفة ، وفكر في الخيارات ، واختر الأفضل لمحتواك المحدد.
تغيير الخط باستخدام الأنماط المضمنة
في هتمل ، يمكنك تغيير خط نص موجود باستخدام أنماط مدمجة. للقيام بذلك ، تحتاج إلى استخدام العلامة وسمة النمط من العلامات.
على سبيل المثال ، لتغيير الخط لفقرة ، يمكنك استخدام التعليمات البرمجية التالية:
هذا هو النص مع الخط الذي تم تغييره.
في هذا المثال ، ونحن نستخدم الخط أريال ، وإذا لم يكن متوفرا ، فإن المتصفح استخدام خط من عائلة بلا الرقيق.
يمكنك أيضا تغيير إعدادات الخط الأخرى ، مثل حجم الخط والخط الغامق ونمط الخط. على سبيل المثال:
هذا نص مع إعدادات الخط المتغيرة.
في هذا المثال ، قمنا بتعيين حجم الخط إلى 18 بكسل ، والسمنة جريئة ، ونمط الخط مائل.
وبالتالي ، فإن استخدام الأنماط المضمنة يجعل من السهل تغيير الخط لعناصر النص الفردية في هتمل.
تغيير الخط باستخدام الأنماط الخارجية
مثال على توصيل ملف نمط:
يمكنك تعيين خصائص مختلفة في ملف النمط ، بما في ذلك خط النص. يتم استخدام الخاصية 'الخط الأسرة' لتغيير الخط.
مثال على تعيين خط في ملف نمط:
الجسم {
الخط الأسرة: أريال ، بلا الرقيق;
}
في هذا المثال ، سيتم عرض النص بخط أريال إذا كان هذا الخط متاحا على كمبيوتر المستخدم. خلاف ذلك ، سيتم استخدام خط بلا الرقيق (بلا الرقيق) ، والذي عادة ما يكون الخط الافتراضي.
لتطبيق خط معدل فقط على عنصر هتمل معين ، تحتاج إلى تحديد محدد في ملف النمط.
مثال على تعيين خط لرأس المستوى الأول:
ح1 {
عائلة الخط: "تايمز نيو رومان" ، شريف;
}
الآن سيتم عرض جميع عناوين المستوى الأول على الصفحة في تايمز نيو رومان الخط.
باستخدام الأنماط الخارجية ، يمكنك بسهولة تغيير خط نص موجود ، مما يسمح لك بجعل تصميم الصفحة أكثر انسجاما واتساقا مع النمط العام للموقع.
تغيير الخط باستخدام خصائص كس
- - يحدد عائلة الخط التي سيتم استخدامها لعرض النص. على سبيل المثال,
- (مائل) أو
- (عادي),
- (غامق) أو متغير رقمي من 100 إلى 900.
- - يحدد زخرفة النص ، مثل التسطير ويتوسطه خط وسطر فوق النص. على سبيل المثال,
- يضيف تسطير سفلي إلى النص.
اللون
ص {
الخط الأسرة: أريال ، بلا الرقيق;
حجم الخط: 16 بكسل;
زخرفة النص: تسطير;
اللون: # 333333;
باستخدام خصائص كس المدرجة ، يمكنك تغيير خط نص موجود بشكل كبير على صفحة ويب. سوف تسمح لك باختيار الخط المناسب وتغيير أسلوبه وحجمه ولونه وإضافة عناصر زخرفية لإضفاء مظهر فريد على النص.
مثال:
ثم ، في جافا سكريبت ، يمكنك استخدام طريقة جيتليمنتبيد أو جيتليمنتسبيكلاسينام للحصول على مرجع إلى العنصر المحدد.