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