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