فيردانا الخط هو واحد من الخطوط الأكثر شعبية وقابلة للقراءة في تصميم مواقع الإنترنت. يتميز بالوضوح العالي وسهولة الإدراك ، خاصة في الأحجام الصغيرة. يمكن أن يؤدي الاستخدام الصحيح لخط فيردانا إلى تحسين الانطباع المرئي لموقعك بشكل كبير وجعله أكثر احترافية وجاذبية للزوار.
لتعيين خط فيردانا لموقعك ، سوف تحتاج إلى بعض المعرفة الأساسية من هتمل و كس. يتوفر خط فيردانا على العديد من أنظمة التشغيل ويمكن استخدامه لكل من النص والعناوين.
أولا ، تحتاج إلى تحديد الخط فيردانا في ملف كس. للقيام بذلك ، يمكنك استخدام التعليمات البرمجية التالية:
الجسم {الخط الأسرة: فيردانا ، أريال ، بلا الرقيق;
}
في هذا المثال ، نحدد خط فيردانا في خاصية عائلة الخط لعنصر الجسم. نحن أيضا تحديد الخطوط البديلة أريال و بلا الرقيق ، والتي سيتم استخدامها إذا كان الخط فيردانا غير متوفر على جهاز الكمبيوتر الخاص بالزائر.
- كيفية تثبيت فيردانا الخط على موقع على شبكة الانترنت
- الخطوة 1: قم بتنزيل خط فيردانا من الموقع الرسمي
- الخطوة 2: قم بفك ضغط الأرشيف المضغوط للخط الذي تم تنزيله
- الخطوة 3: انسخ ملفات الخطوط إلى مجلد الخطوط على موقعك
- الخطوة 4: احفظ التغييرات وقم بتحميل الخط على الخادم الخاص بك
- الخطوة 5: استيراد الخط على موقعك باستخدام أنماط كس
كيفية تثبيت فيردانا الخط على موقع على شبكة الانترنت
لتثبيت خط فيردانا على موقع الويب الخاص بك ، تحتاج إلى اتباع الخطوات التالية:
الخطوة 1: تحميل ملفات الخط
تحميل ملفات الخط فيردانا من الموقع الرسمي أو من مصادر موثوقة أخرى. عادة ما يتم توفير الخط بالتنسيق.صندوق النقد الدولي أو .أوتف.
الخطوة 2: إنشاء مجلد للخطوط
قم بإنشاء مجلد على الخادم الخاص بك حيث ستقوم بتحميل ملفات الخطوط. سمها ،على سبيل المثال ، "الخطوط".
الخطوة 3: تحميل ملفات الخط إلى المجلد
انقل ملفات الخطوط التي تم تنزيلها إلى المجلد الذي تم إنشاؤه على الخادم الخاص بك. تأكد من أنها داخل مجلد الخطوط.
الخطوة 4: إنشاء أنماط كس للخط
افتح ملف كس الذي سيتم استخدامه لأنماط موقعك. أضف الكود التالي داخل العلامة أو قم بتوصيل ملف كس خارجي باستخدام العلامة :
}
استبدال 'فيردانا' مع الاسم الذي تريد استخدامه للخط على موقع الويب الخاص بك. تأكد من تحديد المسار إلى ملف الخط بشكل صحيح في السمة" سرك".
الخطوة 5: تطبيق الخط على عناصر الموقع
الآن يمكنك تطبيق الخط فيردانا إلى أي عناصر من موقع الويب الخاص بك عن طريق تحديد اسمها في الخاصية كس "الخط الأسرة". على سبيل المثال:
}
الخطوة 6: تحقق من النتيجة
احفظ التغييرات في ملف كس وقم بتحديث موقعك في المتصفح. يجب الآن عرض خط فيردانا على موقعك.
لذلك ، تعلمت كيفية تثبيت خط فيردانا على موقع الويب الخاص بك. باتباع هذه الخطوات البسيطة ، ستتمكن من تعيين الخط المطلوب لموقعك وإنشاء تصميم أنيق وفريد من نوعه.
الخطوة 1: قم بتنزيل خط فيردانا من الموقع الرسمي
* انتقل إلى موقع مايكروسوفت الرسمي واكتب "فيردانا الخط تحميل" في شريط البحث.
* حدد النتيجة المقابلة لموقع مايكروسوفت الرسمي.
* في صفحة التنزيل ، ابحث عن زر "تنزيل" وانقر عليه.
* انتظر حتى يتم تحميل ملف الخط فيردانا إلى جهاز الكمبيوتر الخاص بك.
* قم بفك ضغط الملف إذا تم تنزيله بتنسيق مضغوط أو تنسيق مضغوط آخر.
الخطوة 2: قم بفك ضغط الأرشيف المضغوط للخط الذي تم تنزيله
بعد تنزيل خط فيردانا بنجاح بتنسيق مضغوط ، ستكون الخطوة التالية هي فك حزمه. للقيام بذلك ، اتبع الخطوات التالية:
- انتقل إلى المجلد حيث يوجد أرشيف مضغوط تم تنزيله.
- انقر بزر الماوس الأيمن على الأرشيف وحدد الخيار" استخراج الكل "أو"فك الضغط".
- حدد المسار لفك الخط فيردانا. الخيار الأفضل هو اختيار مجلد يمكن الوصول إليه بسهولة ويمكنك العثور عليه بسهولة لاحقا.
- انقر فوق الزر" استخراج "أو" موافق " لبدء عملية التفريغ.
بعد تفريغ كاملة ، سوف تتلقى مجموعة من ملفات الخط فيردانا جاهزة للاستخدام. أنت الآن جاهز للانتقال إلى الخطوة التالية وتخصيص صفحة الويب الخاصة بك باستخدام هذا الخط.
الخطوة 3: انسخ ملفات الخطوط إلى مجلد الخطوط على موقع الويب الخاص بك
لاستخدام خط فيردانا على موقعك ، تحتاج إلى نسخ جميع ملفات الخطوط إلى مجلد خاص على الخادم الخاص بك. في الوقت نفسه ، يجب أن يكون لديك حق الوصول إلى نظام الملفات الخاص بموقعك.
أولا ، ابحث عن ملفات الخطوط التي تريد استخدامها على موقعك. في حالة خط فيردانا ، عادة ما يكون لملفات الخطوط تنسيق.صندوق النقد الدولي أو .أوتف.
ثانيا ، قم بإنشاء مجلد به خطوط على الخادم الخاص بك ، إذا لم يكن موجودا بالفعل. يمكن أن يكون اسم المجلد أي شيء ، على سبيل المثال"الخطوط". تأكد من أن لديك حق الوصول إلى هذا المجلد.
بعد ذلك ، انسخ جميع ملفات الخطوط إلى مجلد الخطوط الذي تم إنشاؤه. يمكنك القيام بذلك باستخدام عميل بروتوكول نقل الملفات أو أي أداة أخرى للوصول إلى نظام ملفات موقعك.
بعد نسخ ملفات الخط إلى مجلد الخط على الخادم الخاص بك ، يمكنك استخدام خط فيردانا على موقع الويب الخاص بك. للقيام بذلك ، سوف تحتاج إلى تحديد المسار إلى ملفات الخط في نمط كس من صفحة الويب الخاصة بك.
مثال على استخدام خط فيردانا في كس:
| الخط الأسرة: 'فيردانا' ، بلا الرقيق; |
في هذا المثال ، يجب تثبيت خط فيردانا على الخادم الخاص بك ويمكن الوصول إليه عبر مسار نمط كس المحدد.
الخطوة 4: احفظ التغييرات وقم بتحميل الخط على الخادم الخاص بك
بعد تكوين جميع المعلمات اللازمة لخط فيردانا ، تحتاج إلى حفظ التغييرات وتحميل الخط إلى الخادم الخاص بك. للقيام بذلك ، اتبع الخطوات التالية:
الخطوة 1: انقر فوق الزر" حفظ " لحفظ جميع التغييرات التي أجريتها.
الخطوة 2: قم بإنشاء مجلد على الخادم الخاص بك حيث سيتم تخزين ملف خط فيردانا.
الخطوة 3: قم بتحميل ملف الخط إلى الخادم الخاص بك في المجلد الذي أنشأته للتو. يمكنك استخدام عميل بروتوكول نقل الملفات لتنفيذ هذا الإجراء.
الخطوة 4: تأكد من أن ملف الخط فيردانا تم تحميلها بنجاح إلى الخادم الخاص بك وهو في المسار الصحيح.
بعد الانتهاء من كل هذه الخطوات ، سيكون خط فيردانا متاحا للاستخدام على موقع الويب الخاص بك. تأكد من تحديد المسار الصحيح لملف الخط في رمز كس الخاص بك.
الخطوة 5: استيراد الخط على موقع الويب الخاص بك باستخدام أنماط المغلق
بمجرد تحميل خط فيردانا إلى موقع الويب الخاص بك ، يمكنك البدء في استخدامه على صفحات الويب الخاصة بك باستخدام أنماط كس. للقيام بذلك ، سوف تحتاج إلى استيراد الخط إلى ملف النمط الخاص بك.
لاستيراد خط إلى كس ، يمكنك استخدام التعليمات البرمجية التالية:
@استيراد رابط ('https://fonts.googleapis.com/css2?family=Verdana&display=swap');
في هذا الرمز ، نستخدم قاعدة استيراد @لتحميل خط فيردانا باستخدام واجهة برمجة تطبيقات خطوط جوجل. يمكنك استبدال عنوان ورل بعنوان الخط الخاص بك إذا قمت بتنزيله من مورد آخر.
بعد استيراد الخط ، يمكنك استخدامه في ملف كس الخاص بك لمختلف عناصر هتمل. على سبيل المثال ، إذا كنت تريد تطبيق خط فيردانا على كل النص على موقعك ، فيمكنك استخدام الكود التالي:
الجسم {
الخط الأسرة: 'فيردانا' ، بلا الرقيق;
}
في هذا الرمز ، نستخدم خاصية عائلة الخط لإخبار المتصفح بتحديد خط فيردانا للنص داخل عنصر النص الأساسي. إذا كان لديك قواعد كس الأخرى التي تحدد الخطوط لعناصر محددة ، ضع في اعتبارك أن قواعد كس لها وزن ، لذلك سيتم تطبيق الخطوط ذات الأولوية الأعلى.
يمكنك أيضا استخدام الخط فيردانا لعناصر هتمل محددة عن طريق إضافته إلى قاعدة كس المقابلة. على سبيل المثال ، إذا كنت تريد تطبيق خط فيردانا على العناوين الموجودة على موقعك ، فيمكنك استخدام الكود التالي:
ح1 ، ح2 ، ح3 {
الخط الأسرة: 'فيردانا' ، بلا الرقيق;
}
في هذا الرمز ، نستخدم خاصية عائلة الخط لإخبار المتصفح بتحديد خط فيردانا لـ ح1, ح2و و ح3 رؤوس.
باستخدام أنماط كس واستيراد الخطوط ، يمكنك بسهولة تغيير مظهر النص على موقعك وإنشاء تصميم فريد من نوعه. تذكر أنه يمكنك أيضا استخدام خصائص الخط الأخرى مثل حجم الخط ، جريئة ، مائل وأكثر من ذلك لاستكمال التصميم الخاص بك.