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