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