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