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