الخط ذو أهمية كبيرة للتصميم المرئي لصفحة الويب. إنه قادر على التأكيد على أسلوبها والتعبير عن طبيعة المحتوى. أحد الخطوط الشائعة المستخدمة على نطاق واسع في تصميم الويب هو روبوتو.
روبوتو هو الخط الحديث والأنيق الذي تم تطويره من قبل جوجل. إنه مثالي لاستخدام صفحات الويب والمدونات والمتاجر عبر الإنترنت والمشاريع الأخرى. ومع ذلك ، من أجل استخدامه على موقع الويب الخاص بك ، تحتاج إلى توصيله بشكل صحيح باستخدام كس.
لتوصيل خط روبوتو ، ستحتاج إلى رابط إليه من خطوط جوجل. يمكنك العثور على هذا الرابط على الموقع الرسمي لخطوط جوجل. بعد العثور على رابط الخط ، تحتاج إلى إدراجه داخل العلامات وصفحة الويب الخاصة بك.
بعد توصيله باستخدام الرابط ، يمكنك استخدام هذا الخط في رمز كس الخاص بك. للقيام بذلك ، تحتاج فقط إلى تحديد اسم الخط روبوتو في خصائص كس. على سبيل المثال ، يمكنك استخدام التعليمات البرمجية التالية:
الخط الأسرة: 'روبوتو' ، بلا الرقيق;
بعد إضافة هذا الرمز إلى ملف كس الخاص بك أو داخل علامة ، سوف تكون قادرا على استخدام الخط روبوتو على موقع الويب الخاص بك. الآن يمكنك تعيينه كنمط النص من خلال خصائص المغلق مثل حجم الخط ، الخط الوزن ، نمط الخط وغيرها الكثير.
- توصيل خط روبوتو إلى كس
- تحميل الخط روبوتو من الموقع الرسمي
- ضع الخط في مجلد المشروع
توصيل خط روبوتو إلى كس
من أجل استخدام الخط روبوتو على موقع الويب الخاص بك ، يجب عليك أولا توصيله في ملف كس.
يمكنك استخدام خدمة خطوط جوجل المدمجة ، والتي توفر مجموعة متنوعة من الخطوط للاستخدام على مواقع الويب.
لتوصيل خط روبوتو ، الصق التعليمات البرمجية التالية في ملف كس الخاص بك:
@استيراد رابط ('https://fonts.googleapis.com/css2?family=Roboto:wght@400; 700 & عرض = مبادلة');
هنا نستخدم قاعدة استيراد @لتحميل خط باستخدام عنوان ورل. في المعلمة الأسرة ، نحدد اسم الخط روبوتو ، وباستخدام المعلمة وت ، نختار وزن الخط (400 أمر طبيعي ، 700 هو جريئة).
إذا كنت تريد استخدام خيارات خطوط متعددة (على سبيل المثال ، عادية وجريئة) ، فافصلها بفاصلة: