يعد تنزيل الخطوط خطوة مهمة في عملية إنشاء مواقع الويب. لحسن الحظ ، من السهل جدا القيام بذلك ، خاصة إذا كنت تعرف الأدوات التي يجب استخدامها والخطوات التي يجب اتخاذها. في هذه المقالة ، سنلقي نظرة على دليل مفصل للمبتدئين لتنزيل ملفات الخطوط التي ستساعدك على استخدام خطوط فريدة وجميلة على موقعك.
الخطوة الأولى هي اختيار الخط الذي تريد استخدامه على موقع الويب الخاص بك. يمكنك اختيار خط فريد يبرز أو يناسب نمط موقعك. بعد تحديد الخط ، يجب أن تحصل على ملفات الخطوط بالتنسيق المطلوب. تتضمن امتدادات ملفات الخط عادة .أوتف, .صندوق النقد الدولي, .ووف, و .2. لكي يعمل كل شيء بشكل صحيح ، تأكد من أن لديك حقوق استخدام الخط المحدد.
من المهم ملاحظة أن تنزيل عدة خطوط مختلفة يمكن أن يزيد من وقت تحميل موقع الويب الخاص بك. لذلك ، يوصى باستخدام عدد قليل من الخطوط فقط وضمان تحسين التحميل حتى يظل موقعك سريعا ومنتجا.
بمجرد حصولك على ملفات الخطوط ، يمكنك تحميلها على موقع الويب الخاص بك. هناك عدة طرق لتنزيل ملفات الخطوط ، بما في ذلك استخدام قاعدة كس @فونت-فيس أو الخدمات الخاصة مثل خطوط جوجل أو خطوط أدوبي. إذا كنت ترغب في تحميل ملفات الخطوط بنفسك ، فستحتاج إلى إنشاء مجلد على خادم موقع الويب حيث ستضع ملفات الخطوط ، ثم إضافة رمز كس المناسب لاستخدام الخط على موقعك.
بعد تنزيل ملفات الخطوط وتكوين قواعد كس ، يجب عليك الاختبار للتأكد من عرض الخط بشكل صحيح على موقع الويب الخاص بك. افتح صفحة موقع الويب الخاص بك في متصفح الويب وتحقق من شكل النصوص باستخدام الخط الجديد. إذا حدث خطأ ما ، تحقق من الأخطاء في وحدة تحكم المتصفح وتأكد من تحديد مسارات ملف الخط بشكل صحيح في ملفات كس.
نتيجة لذلك ، يعد تنزيل ملفات الخطوط خطوة مهمة في إنشاء موقع ويب جميل وفريد من نوعه. باتباع دليل المبتدئين المفصل هذا ، يمكنك بسهولة تحميل ملفات الخطوط إلى موقع الويب الخاص بك وتكوين استخدامها. تجربة باستمرار مع الخطوط المختلفة واختيار واحد أن أفضل ينقل فكرتك وأسلوب.
- اختيار الخط المناسب
- نظرة عامة على تنسيقات ملفات الخط
- تحميل الخطوط باستخدام كس
- تحميل الخطوط باستخدام جافا سكريبت
- التحقق من تنزيل واستخدام الخطوط
اختيار الخط المناسب
عند اختيار خط لموقع الويب الخاص بك ، من المهم مراعاة عدد من العوامل لضمان قراءة أفضل وانطباع مرئي للمستخدمين.
- نمط: تقدم الخطوط المختلفة أنماطا مختلفة ، مثل المتغيرات الرقيقة أو الخالية من الرقيق. معرفة النمط الذي يناسب أفضل مع تصميم موقع الويب الخاص بك ويخلق الجو المناسب.
- الحجم: يعد تحجيم الخط مهما لضمان سهولة القراءة المثلى. ضع في اعتبارك أن الخطوط الصغيرة جدا أو الكبيرة جدا قد يكون من الصعب قراءتها.
- اللون: يؤثر اختيار لون الخط على رؤيته على خلفية موقع الويب الخاص بك. توفير التباين بين لون الخط والخلفية لتعزيز سهولة القراءة.
- دعم اللغة: تأكد من أن الخط المحدد يدعم استخدام جميع اللغات التي تنوي استخدامها على موقع الويب الخاص بك.
- إمكانية الوصول: عند اختيار خط ، ضع في اعتبارك أيضا إمكانية الوصول إليه لجميع المستخدمين. قد تكون بعض الخطوط غير قابلة للقراءة للأشخاص ذوي الإعاقة ، لذلك من المهم اختيار خيارات عالمية.
قم بإجراء القليل من البحث لتحديد أفضل خط لموقعك على الويب. جرب أنواع وأحجام الخطوط المختلفة للعثور على الخيار الأنسب الذي يعكس نمط موقعك ويلبي احتياجات المستخدمين.
نظرة عامة على تنسيقات ملفات الخط
يتم استخدام تنسيقات ملفات مختلفة لتحميل الخطوط إلى صفحة ويب. كل تنسيق له خصائصه الخاصة ويتم تحسينه لأغراض محددة. فيما يلي بعض تنسيقات ملفات الخطوط الأكثر شيوعا:
- تروتايب (تف): تنسيق الخط التي أنشأتها أبل في 1980. يتم دعم الخطوط تف على نطاق واسع من قبل المتصفحات ويمكن استخدامها على أنظمة التشغيل المختلفة.
- أوبن (أوتف): تنسيق خط تم تطويره بشكل مشترك من قبل أدوبي ومايكروسوفت. خطوط أوتف تدعم مجموعة واسعة من الوظائف من الخطوط تف ويمكن أن تكون متوافقة مع أنظمة التشغيل المختلفة.
- تنسيق الخط المفتوح على الويب: تنسيق خط محسن خصيصا للاستخدام في تطوير الويب. غالبا ما تستخدم خطوط وف على صفحات الويب لأنها توفر مزيجا جيدا من الجودة والأداء.
- أوبن جزءا لا يتجزأ من (محكمة تكافؤ الفرص): تنسيق الخط التي وضعتها مايكروسوفت لاستخدامها في إنترنت إكسبلورر. خطوط محكمة تكافؤ الفرص متوافقة فقط مع إنترنت إكسبلورر ولا ينصح باستخدامها في تطوير الويب الحديث.
- خطوط الرسومات المتجهة القابلة للتطوير (سفغ): تنسيق الخط استنادا إلى لغة ترميز سفغ. سفغ الخطوط دعم التحجيم دون فقدان الجودة ويمكن استخدامها لإنشاء الرموز ناقلات على صفحات الويب.
عند اختيار تنسيق ملف خط لصفحة ويب ، من الضروري مراعاة دعم المتصفح ونظام التشغيل ، بالإضافة إلى المتطلبات الوظيفية وميزات المشروع. من الممارسات الجيدة استخدام تنسيقات ملفات خطوط متعددة لضمان التوافق مع المتصفحات والأجهزة المختلفة.
تحميل الخطوط باستخدام كس
، مما يسمح لك بتنزيل الخطوط المخصصة واستخدامها على صفحات الويب. هذا مريح للغاية لأنه يسمح لك بتعيين خطوط فريدة وأنيقة ضرورية لإنشاء تصميم مشرق وأصلي.
لتنزيل خط ، يجب أن يكون لديك تنسيقات الملفات الخاصة به (عادة هذا .ووف,.2,.صندوق النقد الدولي, .أوتف) وفهم كامل للقيود الترخيص وقواعد لاستخدام هذا الخط.
أولا وقبل كل شيء ، إضافة ملفات الخط إلى الخادم الخاص بك أو التخزين وتذكر المسار لهم.
ثم ، في ملف كس الخاص بك ، استخدم بناء الجملة التالي:
سرك: ورل('المسار إلى ملف الخط.ووف 2') شكل ('ووف 2'),
من اسم الخط
حدد الاسم الذي سيتم استخدامه للإشارة إلى هذا الخط في رمز كس الخاص بك.
و
'المسار إلى ملف الخط.ووف'
حدد المسار إلى ملفات الخطوط التي قمت بتحميلها إلى الخادم.
على سبيل المثال ، لاستخدام خط مخصص لجميع الفقرات على صفحة ويب ، إضافة التعليمات البرمجية كس التالية:
ص {
- الآن سيتم تطبيق الخط المخصص الخاص بك على جميع الفقرات على صفحة الويب.
function loadFont() {
var style = document.createElement('style');
style.innerHTML = `
@font-face {
font-family: 'Font Name';
body {font-family: 'Font Name', sans-serif;
}