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