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