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