أحد الجوانب الرئيسية لتصميم موقع الويب هو اختيار الخط الصحيح. إنه عنصر مرئي يخلق التفرد والتعرف على الموقع. يسعى العديد من مطوري الويب إلى استخدام خطوط مختلفة لتحقيق التأثير المرئي المطلوب.
أحد الخطوط الشائعة المستخدمة على نطاق واسع في تصميم الويب هو روبوتو بولد. روبوتو بولد لديها العديد من المزايا: أنها نظيفة وحديثة وتنوعا ، مما يجعلها خيارا ممتازا لأنواع مختلفة من المواقع. إذا كنت ترغب في استخدام روبوتو بولد على موقع الويب الخاص بك ، تحتاج إلى تثبيته مع بضع خطوات بسيطة.
الخطوة 1: تحميل روبوتو الخط الغامق من الموقع الرسمي.
قبل تثبيت روبوتو الخط الغامق ، تحتاج إلى تحميل البرنامج من الموقع الرسمي. انتقل إلى موقع جوجل الخطوط (https://fonts.جوجل .كوم) ، والعثور على روبوتو الخط الغامق في البحث وانقر على زر" تحديد". ثم انقر فوق رمز سلة المهملات في الزاوية اليمنى العليا وحدد"العائلة + 4". أخيرا ، انقر فوق الزر نسخ واحفظ الرمز المنسوخ لاستخدامه لاحقا.
الخطوة 2: قم بتوصيل الخط الغامق روبوتو إلى موقع الويب الخاص بك.
لتوصيل الخط الغامق روبوتو إلى موقع الويب الخاص بك ، تحتاج إلى لصق التعليمات البرمجية المنسوخة في قسم من ملف هتمل الخاص بك. في هذا القسم سوف تجد العلامة. الصق الرمز المنسوخ بعد العلامة.
الآن بعد أن تم توصيل خط روبوتو الغامق بموقع الويب ، يمكنك استخدامه في قواعد كس لعناصر مختلفة مثل العناوين أو الفقرات أو الروابط. على سبيل المثال ، يمكنك تعيين خاصية عائلة الخط في قاعدة كس لعنصر لاستخدام الخط الغامق روبوتو:
ح1 ، ح2 ، ح3 {
الخط الأسرة :' روبوتو بولد' ، بلا الرقيق;
}
الآن أنت تعرف كيفية تثبيت روبوتو الخط الغامق على موقع الويب الخاص بك. باتباع هذه الخطوات البسيطة ، ستتمكن من إعطاء موقع الويب الخاص بك مظهرا أنيقا وعصريا يجذب انتباه الزوار.
ما هو الخط الغامق روبوتو ولماذا هو مطلوب?
يقدم الخط الغامق روبوتو مجموعة واسعة من المحارف متوافقة مع مختلف اللغات والرموز ، بما في ذلك السيريلية. هذا يعني أنه يمكنك استخدام خط روبوتو الغامق لإنشاء عناوين ونصوص على موقعك ، مع الحفاظ على رسائلك واضحة وقابلة للقراءة للجمهور.
يعد اختيار الخط المناسب لموقعك ذا أهمية كبيرة ، حيث يمكن أن يؤثر بشكل كبير على تصور زوارك ويعزز انطباعهم عن المحتوى. يجلب خط روبوتو الغامق التنوع البصري ويسمح لك بإنشاء تصميمات أكثر إثارة وجاذبية.
يضمن استخدام خط روبوتو الغامق على موقعك أيضا مظهرا متسقا واحترافيا ، خاصة إذا كنت تستخدم بالفعل خطوطا أخرى من عائلة روبوتو. يساعد هذا في إنشاء نمط ثابت وتعزيز الوعي بعلامتك التجارية أو موقع الويب الخاص بك.
بشكل عام ، يقدم خط روبوتو الغامق مزيجا فريدا من القوة والأناقة ، مما يجعله اختيارا ممتازا لإنشاء عناوين أو لهجات جذابة ومذهلة المظهر على موقعك.
الطريقة الأولى لتثبيت الخط الغامق روبوتو
أولا ، تحتاج إلى تحميل روبوتو الخط الغامق في شكل تف (تروتايب الخط). После этого, создайте папку «fonts» в корневом каталоге вашего сайта.
Затем, добавьте следующий код в ваш файл CSS:
في هذا الرمز ، ونحن نستخدم @الخط وجه محدد لتحديد اسم الخط الجديد ("روبوتو بولد") وتحديد المسار إلى ملف الخط في الخاصية سرك.
بعد ذلك ، في محدد الجسم ، نحدد اسم الخط 'روبوتو بولد' وإضافة خط بديل بلا الرقيق في حالة الخط روبوتو بولد غير متوفر.
الآن ، حفظ ملف كس الخاص بك وتوصيله إلى صفحة هتمل باستخدام العلامة :
بعد ذلك ، سوف تكون قادرا على استخدام روبوتو الخط الغامق على موقع الويب الخاص بك ، وتطبيقه على العناصر اللازمة باستخدام خاصية الخط الأسرة في كس.
على سبيل المثال:
وهكذا ، قمت بتثبيت بنجاح روبوتو الخط الغامق على موقع الويب الخاص بك باستخدام الطريقة الأولى.