كيفية تغيير حجم الخط ياندكس على الموقع-دليل بسيط

كم هو مهم لاختيار الخط المناسب لموقع الويب الخاص بك! بعد كل شيء ، يلعب النداء المرئي للنص دورا كبيرا في إنشاء تجربة مستخدم جيدة. وتقدم ياندكس خطوطها للاستخدام على مواقع الويب.

ولكن ماذا لو تم عرض الخط صغير جدا أو كبير جدا? لا تيأس! في هذا الدليل ، سأخبرك بكيفية تغيير حجم خط ياندكس بسهولة على موقعك.

الخطوة 1: قم بتوصيل خط ياندكس بصفحة الويب الخاصة بك.

مثال:

الخطوة 2: افتح ملف كس لموقعك وابحث عن المحدد المسؤول عن الخط الذي تريد تغييره.

الخطوة 3: بناء على ما تريد القيام به ، قم بإضافة أو تغيير سمات حجم الخط وارتفاع الخط للمحدد المحدد.

الخطوة 4: قم بتحديث صفحة موقع الويب الخاص بك واستمتع بحجم الخط الجديد!

الآن يمكنك بسهولة تغيير حجم الخط ياندكس على موقع الويب الخاص بك. لا تخف من تجربة الأحجام والإعدادات لتحقيق تصميم فريد وجذاب للمحتوى الخاص بك.

1. تثبيت ياندكس الخط
2. تغيير حجم الخط على الموقع
3. أسلوب خط ياندكس
4. مزايا استخدام خط ياندكس على الموقع

تثبيت ياندكس الخط

لتغيير حجم الخط على موقعك إلى خط ياندكس قياسي ، ستحتاج إلى اتباع بعض الخطوات البسيطة:

1. انتقل إلى ياندكس.موقع الخطوط (https://fonts .yandex.ru ) واختيار الخط المناسب لموقعك.

2. بعد تحديد الخط ، انقر فوق الزر" إضافة". سترى النافذة التي تظهر مع التعليمات البرمجية التي سوف تحتاج إلى إدراج على موقع الويب الخاص بك.

3. انسخ الرمز المقدم والصقه على موقعك ، داخل العلامة قبل علامة الإغلاق. سيسمح هذا الرمز لموقعك بالوصول إلى خط ياندكس.

4. الآن يمكنك استخدام الخط المحدد في أنماط كس من موقعك. للقيام بذلك ، قم بتطبيق خاصية عائلة الخط على العناصر الضرورية وحدد اسم خط ياندكس المحدد.

على سبيل المثال ، إذا كنت ترغب في تطبيق ياندكس الخط إلى رؤوس على موقع الويب الخاص بك ، إضافة التعليمات البرمجية التالية إلى ملف كس الخاص بك:

ح1 ، ح2 ، ح3 {

الخط الأسرة: "اسم الخط المحدد" ، بلا الرقيق;

…

}

يرجى ملاحظة أن "اسم الخط المحدد" هو اسم الخط الذي حددته على ياندكس.موقع الخطوط في وقت سابق.

5. بعد إجراء جميع التغييرات ، احفظ ملفات موقعك وقم بتحديث الصفحة. سترى حجم الخط الذي تم تغييره وفقا للإعدادات الخاصة بك.

الآن أنت تعرف كيفية تثبيت خط ياندكس على موقعك وتغيير حجمه. حظاً موفّقاً!

تغيير حجم الخط على الموقع

أولا ، تحتاج إلى توصيل خطوط ياندكس بموقعك. للقيام بذلك ، الصق الكود التالي في قسم مستند هتمل الخاص بك:

بدلا من" الخط+الاسم " ، حدد اسم الخط الذي حددته. بعد ذلك ، حدد أنماط النص الضرورية واضبطها على الحجم المطلوب:

في هذا المثال ، يتم تعيين حجم الخط على 16 بكسل ، ولكن يمكنك تغييره إلى القيمة التي تحتاجها.

يمكن إضافة تأثيرات إضافية باستخدام خصائص كس مثل وزن الخط وارتفاع الخط وغيرها.

الآن سيعرض موقعك نصا بحجم الخط الذي حددته.

أسلوب خط ياندكس

بعد إضافة خط ياندكس إلى موقعك ، يمكنك تصميمه ليتناسب مع التصميم العام لموقعك. يتيح لك تصميم الخط تغيير حجمه ولونه ومحتوى الدهون والسمات الأخرى.

لتغيير حجم الخط ياندكس ، يمكنك استخدام كس. للقيام بذلك ، أضف خاصية حجم الخط إلى قاعدة كس المقابلة. على سبيل المثال ، لزيادة حجم الخط إلى 20 بكسل ، أضف الكود التالي:

.الخاص بك-محدد {

حجم الخط: 20 بكسل;

}

استبدالها .الخاص بك-محدد إلى المحدد المقابل للعنصر الذي تريد تطبيق التصميم عليه (على سبيل المثال ، ص للفقرات أو ح1 لعناوين المستوى الأول).

يمكنك أيضا تغيير لون الخط باستخدام خاصية اللون. على سبيل المثال ، لجعل الخط أحمر ، أضف الكود التالي:

• .الخاص بك-محدد {
• اللون: أحمر;

}