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