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