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