قد يكون تغيير الخط في هتمل ضروريا لإعطاء صفحة الويب الخاصة بك شخصية أو زيادة سهولة قراءتها. في هذه المقالة ، ونحن سوف اقول لكم عن بعض الطرق البسيطة لتغيير الخط في هتمل.
الطريقة الأولى هي استخدام علامة. تتيح لك هذه العلامة تغيير الخط والحجم واللون والسمات الأخرى للنص على صفحة الويب الخاصة بك. على سبيل المثال ، لتغيير الخط إلى "أريال" والحجم إلى 16 بكسل ، تحتاج إلى إضافة التعليمات البرمجية التالية إلى قسم من صفحة الويب الخاصة بك:
الطريقة الثانية هي استخدام ملف كس خارجي. هذه الطريقة مفيدة بشكل خاص إذا كنت تريد تغيير الخط على صفحات متعددة. إنشاء ملف جديد مع التمديد.المغلق وإضافة التعليمات البرمجية التالية:
الجسم {
الخط الأسرة: "تايمز نيو رومان" ، تايمز ، الرقيق;
حجم الخط: 18 بكسل;
}
ثم احفظ الملف وقم بتوصيله بصفحة الويب الخاصة بك عن طريق إضافة الكود التالي إلى قسم مستند هتمل الخاص بك:
الطريقة الثالثة هي استخدام سمة النمط المضمنة لتحديد النمط مباشرة في كود هتمل. على سبيل المثال ، سيغير الكود التالي خط النص على صفحة الويب الخاصة بك:
سيكون لهذا النص خط ساعي جديد وحجم 14 بكسل.
مع هذه الطرق البسيطة ، يمكنك تغيير الخط على صفحة الويب الخاصة بك وإعطائها نظرة جمالية وفريدة من نوعها.
- كيف يمكنني اختيار الخط في أتش تي أم أل?
- كيف يمكنني تغيير الخط في أتش تي أم أل?
- الخطوة الأولى
- كيف يمكنني توصيل الخطوط القياسية?
- الخطوة الثانية
- كيف يمكنني استخدام الخطوط الخاصة?
كيف يمكنني اختيار الخط في أتش تي أم أل?
هناك عدة طرق لاختيار الخط في هتمل:
1. استخدام الخطوط المثبتة مسبقا في المتصفح.
تحتوي معظم المتصفحات على مجموعة خطوط مدمجة يمكن استخدامها دون الحاجة إلى تنزيل ملفات إضافية. لتحديد مثل هذا الخط ، يجب تحديد اسمه في الخاصية كس" الخط الأسرة". على سبيل المثال:
في هذا المثال ، سيتحقق المتصفح أولا مما إذا كان هناك" أريال " في الخطوط المثبتة. إذا تم العثور على الخط ، فسيتم استخدامه. خلاف ذلك ، فإن المتصفح يحل محله مع الخط القياسي "بلا الرقيق".
2. استخدام الخطوط الخارجية التي تم تنزيلها من الخادم.
إذا كنت بحاجة إلى خط معين غير مثبت على معظم أجهزة الكمبيوتر ، فيمكنك تنزيله باستخدام خدمات خاصة مثل خطوط جوجل أو خطوط أدوبي. سيتم تزويدك برمز تحتاج إلى إدراجه في رمز موقع الويب الخاص بك ، ثم تحديده في خاصية كس "عائلة الخط". على سبيل المثال:
في هذا المثال ، سيتم تحميل الخط "روبوتو" من خادم الخطوط جوجل واستخدامها لعرض النص على الموقع. إذا تعذر تنزيل الخط ، فسيستخدم المتصفح الخيار الاحتياطي"بلا الرقيق".
3. استخدام الخطوط المضمنة في موقع الويب الخاص بك.
إذا كان لديك خط مخصص في التنسيق.صندوق النقد الدولي أو .أوتف ، يمكنك تحميله على الخادم الخاص بك وتحديد المسار إليه في الخاصية كس "الخط الأسرة". على سبيل المثال:
في هذا المثال ، الخط "ميسبسيالالخط".تف "سيتم تحميلها من المسار" الخطوط/ميسسيالفونت.صندوق النقد الدولي " وتستخدم لعرض النص على الموقع. إذا تعذر تحميل الخط ، فسيستخدم المتصفح الخيار الاحتياطي" بلا الرقيق".
تذكر أنه إذا قررت استخدام خط غير قياسي ، فتأكد من أنه يتوافق مع الترخيص وشروط الاستخدام.
اختيار الخط في هتمل يعتمد على احتياجاتك وإعدادات مشروع الويب الخاص بك. جرب خيارات مختلفة للعثور على الخط الصحيح الذي يتناسب مع المحتوى والتصميم الخاص بك.
كيف يمكنني تغيير الخط في أتش تي أم أل?
يمكنك استخدام علامات كس لتغيير الخط في هتمل. هنا تعليمات خطوة بخطوة:
- إنشاء ملف كس أو إضافة أنماط داخل علامة داخل قسم إذا كنت ترغب في تغيير الخط للمستند بأكمله.
- استخدم محدد العنصر لتحديد العناصر التي تريد تغيير الخط لها. على سبيل المثال ، إذا كنت تريد تغيير الخط لجميع الفقرات ، فاستخدم محدد "ص".
- قم بتعيين خاصية" عائلة الخط " وحدد اسم الخط الذي تريد استخدامه. على سبيل المثال ، لاستخدام الخط أريال ، تعيين " الخط الأسرة: أريال؛"
- احفظ ملف كس أو قم بتحديث الصفحة في المتصفح لتطبيق التغييرات.
هنا هو رمز سبيل المثال التي يمكنك استخدامها لتغيير الخط من الفقرات:
هذه فقرة أخرى بخط تم تغييره.
ونتيجة لذلك ، سيتم عرض جميع الفقرات على الصفحة مع الخط أريال.
- الخطوة الأولى
- لتغيير الخط في هتمل ، يجب عليك استخدام كس (أوراق الأنماط المتتالية). لتضمين كس في مستند هتمل ، تحتاج إلى إضافة علامة في الداخل.
- يتم إعطاء بناء الجملة أدناه:
ابدأ بعلامة
- إضافة رمز المغلق لتغيير الخط
- أغلق العلامة
داخل العلامة ، أضف رمز كس التالي لتغيير الخط:
حدد العنصر الذي تريد تغيير الخط فيه. لنأخذ مثالا: إذا كنت تريد تغيير الخط للمستند بأكمله ، فاستخدم المحدد.
أضف خاصية عائلة الخط وحدد الخط الجديد. على سبيل المثال ، لاستخدام الخط أريال ، اكتب عائلة الخط: أريال؛. إذا كان لديك عدة خطوط ، فافصلها بفواصل:عائلة الخط: أريال ، بلا شريف؛.
هنا مثال على رمز كس لتغيير الخط في هتمل:
- كانت هذه هي الخطوة الأولى لتغيير الخط في هتمل. بعد ذلك ، يمكنك تخصيص خصائص الخط الأخرى ، مثل الحجم واللون.
كيفية توصيل الخطوط القياسية?فيما يلي بعض الأمثلة على كيفية توصيل الخطوط القياسية المختلفة:الخط الأسرة: أريال ، بلا الرقيق;للخط الروماني الجديد تايمز:
الخط الأسرة: فيردانا ، بلا الرقيق;
يمكنك اختيار أي خط قياسي يناسبك أكثر وتطبيقه على العناصر المطلوبة على صفحة الويب الخاصة بك.
مجرد كتابة نمط كس المناسب مع اسم الخط في الخاصية
и применить его к тексту с помощью атрибута style или класса.الخط الأسرة
للعلامة أو العنصر المطلوب.
الخطوة الثانية
لتغيير خط النص على صفحة ويب ، يجب عليك استخدام كس. للقيام بذلك ، تحتاج إلى إنشاء نمط داخل العلامة
الخيار 1: استخدام سمة النمط
قم بإنشاء علامة أو بالنص الذي تريد تطبيق الخط الجديد عليه. أضف السمة التالية إلى العلامة:
النمط= " عائلة الخط: اسم الخط؛"
استبدل" اسم الخط " بالخط المطلوب. على سبيل المثال ، أريال ، تايمز نيو رومان ، فيردانا.
الخيار 2: استخدام فئة
إنشاء نمط باستخدام كس داخل العلامة
.جديد _شريفت { الخط الأسرة: اسم شريفت؛}
قم بتعيين نفس الفئة على العلامة التي تريد تطبيق الخط الجديد عليها. على سبيل المثال:
نص بخط جديد
استبدل" حرف جديد "و" نص بخط جديد " بقيمك الخاصة.
قم بتطبيق هذه الخطوات على النص بأكمله الذي تريد تغيير الخط إليه. بعد ذلك ، احفظ الملف وافتحه باستخدام متصفح ويب لرؤية النتيجة.
ملاحظة: إذا كنت ترغب في استخدام الخط الخاص بك ، فتأكد من أنه متاح لمستخدمي متصفح الويب. للقيام بذلك ، قم بتحميل ملف الخط إلى خادم الويب الخاص بك وحدد رابطا له داخل نمط كس.
| كيف يمكنني استخدام الخطوط الخاصة? |
| لاستخدام الخطوط الخاصة في التعليمات البرمجية أتش تي أم أل ، اتبع الخطوات التالية: |
| 1. إعداد ملفات الخط. حدد الخط الخاص المطلوب وقم بتحميل ملفاته إلى التنسيق المطلوب (عادة الملفات .صندوق النقد الدولي, .أوتف أو . |
| 2. إنشاء ورقة أنماط (كس) التي تحدد قواعد استخدام الخط المحدد. على سبيل المثال: |
| مثال رمز المغلق: |
@الخط الوجه {
عائلة الخط:"اسم الخط";
| سرك: ورل ("الطريق إلى ملف شريفت"); |
} |
استبدل" اسم الخط "بالاسم المطلوب للخط و" مسار الخط " بالمسار إلى ملف الخط على الخادم الخاص بك.
3. تطبيق الخط الذي تم إنشاؤه في التعليمات البرمجية أتش تي أم أل باستخدام الخاصية المغلق الخط الأسرة. على سبيل المثال: