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