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