يعد اختيار خط لموقعك على الويب عنصرا مهما في التصميم يمكن أن يؤثر على سهولة القراءة والانطباع المرئي للزوار. على الرغم من أن الخط عادة ما يتم تغييره باستخدام كس ، إلا أن هناك طريقة أخرى لتغيير الخط دون اللجوء إلى الأنماط.
الطريقة الأولى هي استخدام علامة هتمل. تتيح لك هذه العلامة تحديد المعلمات الأساسية للنص ، بما في ذلك الخط والحجم واللون. لتغيير الخط فقط ، قم بتعيين قيمة سمة الوجه على الخط المطلوب. على سبيل المثال ، فإنه سيتم تطبيق الخط أريال إلى النص داخل العلامة. لا تنس إغلاق العلامة عن طريق الإضافة .
الطريقة الثانية هي استخدام سمات النمط المضمنة. يمكنك استخدام العلامة لهذا الغرض. على سبيل المثال ، فإنه سيتم تطبيق الخط الروماني تايمز الجديد إلى النص داخل العلامة. إغلاق العلامة مع .
ضع في اعتبارك أن هذه الطرق لتغيير الخط دون استخدام كس لها حدودها. للحفاظ على تصميم متسق وحديث ، يوصى بشدة باستخدام كس لتغيير الخط. ومع ذلك ، في بعض الحالات ، يمكن أن تكون هذه الأساليب مفيدة ومريحة.
- كيف يمكنني جعل خط مختلف في أتش تي أم أل?
- باستخدام العلامة
- باستخدام أحرف يونيكود
- استخدام خدمات الطرف الثالث
- إنشاء الصور مع النص
- خيارات لتغيير الخط باستخدام جافا سكريبت
كيف يمكنني جعل خط مختلف في أتش تي أم أل?
| الطريق | الوصف |
| استخدام الخطوط الافتراضية | أتش تي أم أل يطبق تلقائيا خط مستعرض ويب معين على النص على صفحة الويب. يسمى هذا الخط الخط الافتراضي ويمكن أن يكون مختلفا في المتصفحات المختلفة. لتغييره ، تحتاج إلى تعيين خطوط أخرى في كس. |
| باستخدام العلامة | تسمح لك العلامة بتعيين خط معين لكتلة نصية معينة على صفحة ويب. على سبيل المثال ، سيكون هذا النص بخط أريال. ومع ذلك ، يتم إهمال هذه العلامة ولا ينصح باستخدامها. |
| استخدام الخطوط الخارجية | يمكنك أيضا استخدام خطوط الويب غير المضمنة في مجموعة خطوط المتصفح القياسية. للقيام بذلك ، قم بتوصيل ملف كس الذي يحتوي على تعريف الخط الخارجي وتحديده في خاصية عائلة الخط. |
يعتمد اختيار الطريقة على المهمة وأسلوب صفحة الويب ودعم الخطوط المختلفة بواسطة متصفحات الويب.
باستخدام العلامة
لاستخدام العلامة ، تحتاج إلى إرفاق جزء النص المطلوب داخل علامتي الفتح والإغلاق. على سبيل المثال:
مثال:
باستخدام علامة :
نص مع جزء محدد ونص عادي.
يمكن أن تكون العلامة مفيدة في العديد من المواقف. على سبيل المثال ، يمكنك استخدامه لتغيير لون جزء النص ، وتعيين لون الخلفية ، وتغيير حجم الخط ، وما إلى ذلك.
ولكن تجدر الإشارة إلى أن العلامة هي أداة لتنسيق النص المؤقت ولا يوصى باستخدامها للتصميم طويل المدى. فمن الأفضل استخدام كس لهذا الغرض.
باستخدام أحرف يونيكود
لاستخدام أحرف يونيكود في كود هتمل ، يمكنك استخدام كيانات الأحرف. كيانات الأحرف هي رمز حرف يبدأ بعلامة العطف ( & ) ، متبوعا بحرف تجزئة ( # ) ، ويشار إلى رمز حرف عشري أو سداسي عشري بعد حرف التجزئة.
- المفاهيم-المفاهيم
- اللغة الروسية الروسية
- - رمز علامة الاختيار
عندما يقوم المتصفح بمعالجة رمز حرف يونيكود ، فإنه يعرض الحرف المقابل على صفحة الويب. هذا يسمح لك بإضافة رموز ورموز فريدة إلى موقعك دون تغيير المظهر باستخدام كس.
استخدام خدمات الطرف الثالث
إذا كنت بحاجة إلى تغيير الخط على صفحة ويب ، و كس غير متوفر أو غير مرغوب فيه للاستخدام ، يمكنك استخدام خدمات طرف ثالث التي توفر الخطوط الجاهزة.
واحدة من هذه الخدمات هي خطوط جوجل. هنا يمكنك العثور على وتنزيل العديد من الخطوط المختلفة التي سيتم عرضها على صفحة ويب دون استخدام كس.
لاستخدام الخطوط من خطوط جوجل ، تحتاج إلى تحديد الخطوط التي تحتاج إليها ، وإضافتها إلى الصفحة باستخدام رمز خاص ، وتعيين فئات لعناصر الصفحة المقابلة للخطوط المحددة.
صفحة هتمل الخاصة بك:
أين
بعد ذلك ، يمكنك إضافة التعليمات البرمجية التالية إلى القسم
صفحة هتمل لتطبيق الخط الذي تم تنزيله:
.أوبنسان {
الخط الأسرة: 'فتح بلا' ، بلا الرقيق;
}
لاحظ أنه في هذا المثال استخدمنا".الطبقة المفتوحة "لتطبيق خط" فتح بلا " على فقرتنا. يمكنك استخدام أي فئة أخرى كما يحلو لك.
إنشاء الصور مع النص
يمكنك إنشاء الصور مع النص باستخدام برامج مختلفة مثل أدوبي فوتوشوب ، الأعرج Canv Canv وكانفا. كل ما عليك فعله هو إنشاء ملف صورة جديد وإضافة النص الضروري وتحديد الخط المطلوب وضبط حجمه ولونه. بعد ذلك ، احفظ الصورة بالتنسيق الذي اخترته.
إذا كنت لا تملك برامج تحرير الصور أو تفضل طريقة أسهل لإنشاء صور بنص ، فيمكنك استخدام الخدمات عبر الإنترنت مثل كانفا أو بيكسلر. أنها توفر أدوات مريحة للعمل مع النص والخطوط وإعدادات الصورة.
1. استخدام العقار
أسلوب.فونتفاميلي
يمكنك تغيير خط عنصر عن طريق الوصول إلى
الفقرات [ط].أسلوب.فونتفاميلي = 'أريال';
}