خطوط مرنة

المقالة

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

يُفضل تعيين القيم بوحدة REM لتعزيز إمكانية الوصول. يجب تخصيص هذه الأحجام في قسم الخطوط العامة داخل أداة Elementor، ويتم ذلك عن طريق وضع النص المرجعي في خيار الوحدة المخصصة داخل Elementor. من الأفضل عدم وضع هذه الأحجام في عناوين H1 إلى H6 داخل قسم الطباعة في إعدادات الموقع، حيث يمكن أن يؤثر ذلك سلبًا على تحسين محركات البحث ويحد من تنويع العناوين بشكل كافٍ. يمكنك تخصيص الأحجام باستخدام حاسبة ، ويمكنك تحديد الحد الأدنى والأقصى لقيم REM بالنسبة للعرض (استخدمت الحد الأدنى: 360 بكسل والحد الأقصى: 1140 بكسل) لضمان التوافق مع مختلف الأجهزة وحجم الشاشة.
تشغيل الفيديو
محتويات المقطع

يمكنك ترجمة المحتوى للعربية

الوحدة المستخدمة

تم استخدام وحدة REM بدلاً من PEX يتناسب مع جميع المتصفحات .

تكلم عن H1 حتى H6

هذه مهمه في Google و SEO وكيف الاستفادة منها .

تكلم عن تخصيص الخطوط

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

المقاسات

تم اضافة المقاسات التي تحدث عنها في هذه الصفحة بالكامل

Title 1 (64 on desktop to 48 on mobile)

clamp(3rem, 2.5385rem + 2.0513vw, 4rem)

Title 2 (48 to 38,4)

clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem)

Title 3 (40 to 33,6)

clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem)

Title 4 (32 to 28,8)

clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem)

Title 5 (28 to 25,6)

clamp(1.6rem, 1.5308rem + 0.3077vw, 1.75rem)

Title 6 (24 to 22,4)

clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem)

Title 7 (20 to 19.2)

clamp(1.2rem, 1.1769rem + 0.1026vw, 1.25rem)

Subheading (19,2)

1,2

Body (16)

1

Body bold (16)

1

Body big (18)

1,125

Body small (14)

0,875