خطوط هتمل: كيفية إضافة واستخدام

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

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

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

يوصى باستخدام الخطوط المرخصة فقط والحفاظ على حجم الملفات التي تم تنزيلها ضمن حدود معقولة حتى لا تبطئ تحميل الصفحة.

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

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

1. كيف يمكنني إضافة خطوط أتش تي أم أل?
2. الخطوة 1: اختيار الخط وتحميله
3. الخطوة 2: توصيل خط بمستند هتمل
4. الخطوة 3: استخدام الخط في كس
5. الخطوة 4: كيفية تغيير حجم الخط في هتمل

كيف يمكنني إضافة خطوط أتش تي أم أل?

1. اختر الخط المناسب. يمكنك استخدام خطوط مجانية من مصادر مفتوحة أو شراء ترخيص للخطوط التجارية.;
2. قم بتحميل الخط إلى الخادم. يجب أن يكون الخط موجودا على الخادم حتى تتمكن المتصفحات من الوصول إليه.;
3. قم بتوصيل خط بمستند هتمل. للقيام بذلك ، يمكنك استخدام قواعد كس الخاصة أو استخدام طريقة اتصال الخط المضمنة;
4. استخدم الخط في النص. بعد توصيل الخط ، يمكن تطبيقه على النص على صفحة الويب باستخدام كس.

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

الخطوة 1: اختيار الخط وتحميله

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

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

بعد تحديد الخط ، يمكنك تنزيل ملف الخط وحفظه على جهاز الكمبيوتر الخاص بك.

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

بعد تحميل الخط بنجاح إلى الخادم ، تكون جاهزا لبدء استخدامه على موقع الويب الخاص بك.

الخطوة 2: توصيل خط بمستند هتمل

إضافة التعليمات البرمجية التالية داخل علامة الرأس من المستند أتش تي أم أل الخاص بك:

في هذا الرمز ، يشير الارتباط في السمة هريف إلى العنوان حيث يوجد ملف أنماط الخط. هنا ، بدلا من الخط + الاسم ، تحتاج إلى تحديد اسم الخط المحدد ، واستبدال المسافات بعلامة"+".

تشير السمة ريل إلى أن اتصال الخط هو ورقة أنماط.

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

الخطوة 3: استخدام الخط في كس

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

الجسم {

الخط الأسرة: 'اسم الخط' ، بلا الرقيق;

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

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

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

الخط الأسرة: 'اسم الخط' ، بلا الرقيق;

}

ص {

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