الخط هو أحد عناصر التصميم الرئيسية التي تساهم بشكل كبير في الانطباع العام للموقع. غالبا ما يرغب المستخدمون في عرض النص بالخط الذي يحبونه بالضبط. ومع ذلك ، ليس من الممكن دائما التحكم في الخط المثبت على جهاز المستخدم. في هذه المقالة ، سنتحدث عن طريقة بسيطة لتثبيت خط سيتم عرضه تماما كما قصد المستخدم.
بدلا من الأمل في تثبيت الخط المطلوب على جهاز المستخدم ، هناك خيار لاستخدام الخط الخاص بك ، والذي سيتم تنزيله وعرضه على موقع الويب. للقيام بذلك ، تحتاج إلى اتباع بعض الخطوات البسيطة.
الخطوة 1: حدد الخط وقم بتحميله.
الخطوة الأولى هي اختيار الخط المناسب. للقيام بذلك ، يمكنك استخدام موارد خاصة حيث يمكنك العثور على مجموعة واسعة من الخطوط ذات الأنماط والاتجاهات المختلفة. بعد تحديد الخط ، تحتاج إلى تنزيله وحفظه على جهاز الكمبيوتر الخاص بك.
- اختيار الخط المناسب
- تنزيل خط باستخدام خطوط جوجل
- تثبيت خط على صفحة ويب
اختيار الخط المناسب
عند اختيار خط لموقعك على الويب أو مشروعك ، من المهم مراعاة عدة عوامل لضمان سهولة القراءة وسهولة الاستخدام.
العامل الأول هو سهولة القراءة. يجب أن يكون الخط واضحا وسهل القراءة حتى يتمكن المستخدم من قراءة النص دون عناء. تجنب الخطوط المعقدة والضيقة التي يمكن أن تجعل القراءة صعبة.
العامل الثاني هو القدرة على التكيف. ضع في اعتبارك أنه سيتم عرض موقعك على أجهزة مختلفة وأحجام مختلفة للشاشة. لذلك ، اختر خطا متكيفا ويبدو جيدا على الأجهزة المختلفة.
العامل الثالث هو الامتثال لأسلوب المشروع والغرض منه. يجب أن يكون الخط متسقا بصريا مع تصميم المشروع والغرض منه. إذا كنت تقوم بإنشاء موقع ويب للأعمال ، فاختر خطا متحفظا واحترافيا. إذا كنت تقوم بإنشاء موقع ويب للأطفال ، فيمكنك استخدام خط أكثر مرحا وملونا. من المهم الالتزام بالأسلوب العام والمزاج العام للمشروع.
العامل الرابع هو إمكانية الوصول. ضع في اعتبارك أن بعض المستخدمين قد يواجهون مشاكل في الرؤية والإدراك. لذلك ، اختر خطا يوفر سهولة قراءة جيدة لجميع المستخدمين.
| العامل | النقاط الرئيسية عند اختيار الخط |
| سهولة القراءة | اختر خطا واضحا وسهل القراءة |
| القدرة على التكيف | تأكد من أن الخط يبدو جيدا على الأجهزة والشاشات المختلفة |
| الامتثال لأسلوب والغرض من المشروع | اختر خطا يطابق النمط العام لمشروعك |
| التوفر | ضع في اعتبارك احتياجات المستخدمين ذوي القدرات البصرية المختلفة |
بالنظر إلى هذه العوامل ، ستتمكن من اختيار الخط المناسب لمشروعك وإنشاء موقع ويب لطيف وسهل الاستخدام.
تنزيل خط باستخدام خطوط جوجل
لتنزيل خط باستخدام خطوط جوجل ، اتبع الخطوات أدناه:
1. انتقل إلى موقع جوجل الخطوط في https://fonts.google.com /. |
2. في شريط البحث ، أدخل اسم أو خصائص الخط الذي تريد استخدامه. على سبيل المثال ، "روبوتو". |
3. حدد الخط الذي تريده بالنقر فوق الزر "+ حدد هذا النمط " بجوار الخط المحدد. إذا كنت تريد استخدام خطوط متعددة ، فحددها جميعا. |
4. بعد تحديد جميع الخطوط التي تحتاجها ، انقر فوق رمز سلة المهملات في الزاوية العلوية اليمنى من الشاشة. |
5. انسخ الكود المقدم والصقه في قسم مستند هتمل الخاص بك. |
6. بعد إدخال الرمز ، سيتم تنزيل الخط وتطبيقه تلقائيا على النص الموجود على موقع الويب الخاص بك. |
تثبيت خط على صفحة ويب
لتثبيت خط على صفحة ويب ، تحتاج إلى اتباع الخطوات التالية:
- اختر الخط المناسب لموقع الويب الخاص بك. يمكنك استخدام الخطوط الجاهزة التي تقدمها الخدمات المختلفة ، أو تنزيل الخط الخاص بك وتثبيته على الخادم.
- انسخ ملفات الخطوط إلى خادم موقع الويب الخاص بك وحدد المسار إليها في رمز صفحة الويب.
- إنشاء نمط كس لاستخدام الخط المحدد. للقيام بذلك ، تحتاج إلى تحديد خاصية "عائلة الخط" وتحديد اسم الخط فيها.
- قم بتطبيق النمط الذي تم إنشاؤه على العناصر المطلوبة في صفحة الويب. يمكن أن يكون هذا عنوانا أو فقرة أو رابطا أو أي عنصر آخر يجب عرضه بالخط المحدد.
مثال على استخدام كس لتعيين خط: