الخطوط هي واحدة من العناصر الهامة لتصميم الموقع. يمكنهم التأكيد على أسلوب وتفرد مشروعك. ومع ذلك ، لاستخدام خط معين على صفحتك ، تحتاج إلى تثبيته.
هناك طرق مختلفة لإضافة خط إلى صفحة. واحد منهم هو استخدام الموارد الخارجية. في هذه الحالة ، سوف تصل إلى ملف نمط خارجي يصف الخطوط المستخدمة على موقعك. يرجى ملاحظة أنه عند استخدام الموارد الخارجية ، سيعتمد موقعك على توفر الملف المحدد على خادم آخر.
طريقة بديلة هي تثبيت الخط على الخادم الخاص بك. يمكنك تنزيل الخط الذي تحتاجه من المواقع الشائعة وتحميله على الخادم الخاص بك. بعد ذلك ، يمكنك استخدام هذا الخط على صفحتك عن طريق تحديد المسار إلى الملف على الخادم الخاص بك في ملف النمط.
ملاحظة: إذا كنت تريد استخدام خط غير موجود على جهاز الكمبيوتر الخاص بك أو على خادمنا ، فيمكنك تنزيل الخط وتحديد مساره باستخدام خاصية نمط استيراد@.
وأخيرا ، تقدم خدمة جوجل الخطوط على شبكة الإنترنت مرونة إضافية عند إضافة الخطوط إلى صفحة. هنا يمكنك اختيار خط من مجموعة ضخمة ، وبعد ذلك سيتم تزويدك بالرمز لإدراجه على صفحتك. هذه الطريقة مريحة بشكل خاص إذا كنت تريد إضافة خط أنيق بسرعة دون الحاجة إلى تحميل الملفات إلى الخادم الخاص بك.
- دليل لتثبيت الخطوط على موقع ويب
- الخطوة 1: حدد الخط المطلوب
- الخطوة 2: قم بتنزيل الخط
- الخطوة 3: قم بتوصيل الخط بالصفحة
- الخطوة 4: التحقق من تشغيل الخط
دليل لتثبيت الخطوط على موقع ويب
1. حدد الخط المناسب
قبل بدء التثبيت ، حدد الخط المناسب لموقعك. ضع في اعتبارك أهداف وأسلوب مشروعك.
2. قم بتوصيل الخط عبر كس
.
خذ ملفات الخط في التنسيقات المطلوبة (عادة هذا .ووف,.2,.صندوق النقد الدولي, .محكمة تكافؤ الفرص) وتحميلها على الخادم الخاص بك.
ثم أضف الكود التالي إلى ملف كس الخاص بك:
}
3. تطبيق الخط على العناصر المطلوبة
إلى العناصر الضرورية.
على سبيل المثال ، لتطبيق خط على رؤوس المستوى الأول ، أضف التعليمات البرمجية التالية إلى ملف كس الخاص بك:
}
- خط النسخ الاحتياطي في حالة فشل الخط المحدد لتحميل.
4. تحقق من كيفية عمل الخط على الموقع
بعد تثبيت الخط ، تأكد من عرض الخط بشكل صحيح على موقعك. تأكد من تطبيق الخط على جميع العناصر الضرورية وأنه يبدو بالطريقة التي تقصدها.
استخدم أدوات مطور المتصفح للتحقق من قواعد كس والتأكد من تحميل الخط بنجاح.
إذا حدث خطأ ما ، تحقق من مسارات ملف الخط وهجاء اسم الخط في قاعدة كس.
الخطوة 1: حدد الخط المطلوب
قبل إضافة خط إلى صفحتك ، تحتاج إلى اختيار الخط المناسب الذي يتناسب مع تصميم وأهداف موقعك.
عند اختيار الخط ، ضع في اعتبارك العوامل المهمة التالية:
- سهولة القراءة: يجب أن يكون الخط سهل القراءة ويمكن قراءته جيدا.
- النمط والحمل العاطفي: يمكن للخط أن ينقل أسلوبا ومزاجا معينا ، لذلك من المهم أن تأخذ في الاعتبار الجمهور المستهدف وأهداف موقعك.
- التوافق: تأكد من أن الخط الذي تختاره مدعوم من قبل متصفحات الويب وأنظمة التشغيل التي تخطط لاستخدامها.
- الترخيص: تحقق من الترخيص الذي اخترته للخط وفكر في حدوده عند استخدامه على موقع الويب.
بعد أن تقرر الخط المطلوب ، يمكنك البدء في تثبيته على الصفحة.
الخطوة 2: قم بتنزيل الخط
بعد تحديد الخط الذي يناسبك ، تحتاج إلى تنزيل ملفاته. وعادة ما يتم توفير الخطوط في تروتايب (تف) ، أوبن (أوتف) أو تنسيق الخط المفتوح على شبكة الإنترنت (وف) الأشكال. ستحتاج إلى ملف بالتنسيق المناسب لتحميله على موقعك.
يمكنك العثور على الخطوط لتحميل على مواقع مختلفة مثل جوجل الخطوط ، أدوبي الخطوط أو الخط السنجاب. تقدم هذه المواقع خطوطا مجانية ومدفوعة من أنماط وفئات مختلفة.
عند تحديد ملف الخط وتنزيله ، انسخه إلى المجلد الموجود على الخادم الخاص بك حيث تقوم بتخزين موارد موقعك. عادة ما يكون هذا مجلدا يسمى "الخطوط" أو "الأصول". تأكد من تحديد المسار إلى الملف بشكل صحيح ومتاح على عنوان ورل لموقعك.
يعد تثبيت ملفات الخطوط على موقع ويب خطوة مهمة لإضافة خط جديد إلى صفحتك. الآن بعد أن تم تحميل الخط إلى الخادم الخاص بك ، فأنت على استعداد للمتابعة إلى الخطوة التالية – توصيل الخط بصفحة هتمل الخاصة بك.
الخطوة 3: قم بتوصيل الخط بالصفحة
بعد تحميل ملفات الخطوط على الخادم الخاص بك ، تحتاج إلى توصيلها بصفحة الويب الخاصة بك. للقيام بذلك ، يمكنك استخدام عنصر خاص في كتلة مستند هتمل الخاص بك.
1. أدخل الكود التالي داخل الكتلة :
2. تشير السمة إلى نوع الملف المرفق. في هذه الحالة ، يتم استخدام القيمة "ورقة الأنماط" ، مما يشير إلى أن الملف عبارة عن ورقة أنماط.
3. تحدد السمة المسار إلى ملف النمط على الخادم. تحتاج إلى تحديد المسار الصحيح لملف الخط على الخادم الخاص بك.
4. بعد الانتهاء من هذه الخطوات ، يجب توصيل الخط الخاص بك بنجاح بصفحة الويب. يمكنك استخدام الخط المحدد في قواعد كس الخاص بك عن طريق تطبيقه على العناصر المطلوبة.
الخطوة 4: التحقق من تشغيل الخط
بعد تثبيت الخط على موقعك ، تحتاج إلى التحقق من أدائه. يمكنك استخدام أدوات وطرق مختلفة للقيام بذلك.
واحدة من أسهل الطرق هي إنشاء جدول بسيط وتطبيق خط جديد على محتوياته. للقيام بذلك ، يمكنك استخدام التعليمات البرمجية التالية:
| العنوان | النص |
|---|---|
| مثال على رأس | نموذج النص |
إذا تم عرض الخط بنجاح في الجدول ، فيجب أن يعمل أيضا على بقية عناصر صفحتك. إذا لم يتم عرض الخط أو تم عرضه بشكل غير صحيح ، فتحقق من صحة المسار إلى ملف الخط ، وتأكد أيضا من تحديد اسم الخط الصحيح في رمز كس.