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