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