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