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