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