خطوط الأيقونات هي مجموعات من الأحرف الخاصة التي يمكن لمطوري الويب استخدامها لإنشاء رموز فريدة على صفحات الويب. يمكن أن يساعد تثبيت هذه الخطوط في جعل موقعك أكثر جاذبية وتفاعلية عن طريق إضافة الأسلوب والأصالة.
ستغطي هذه المقالة الخطوات التفصيلية لتثبيت خط للرموز على موقعك. للبدء ، سوف تحتاج إلى تحديد مكتبة الخطوط المناسبة للرموز. واحدة من المكتبات الأكثر شعبية هو الخط رهيبة. باستخدامه ، يمكنك إضافة مئات الرموز المختلفة إلى صفحة الويب الخاصة بك.
بعد تحديد مكتبة الخطوط للرموز ، تابع التثبيت. الخطوة الأولى هي تحميل ملفات الخطوط إلى الاستضافة أو خادم الويب. عادة ما يكون لملفات الخطوط امتداد.أوتف أو .ووف. قم بتحميل جميع الملفات الضرورية إلى الخادم الخاص بك ، مع الانتباه إلى المسارات إليها.
عندما يتم تحميل الملفات ، تحتاج إلى توصيل هذه الخطوط بموقعك. للقيام بذلك ، إضافة التعليمات البرمجية المناسبة إلى ملف نمط كس الخاص بك. يجب عليك تحديد المسار إلى ملفات الخط وتحديد الاسم الذي سيتم استخدامه للخط المحدد. على سبيل المثال:
يمكنك الآن استخدام جميع الرموز من الخط المحدد على صفحة الويب الخاصة بك. للقيام بذلك ، تحتاج إلى إضافة رمز هتمل المناسب وتحديد الفئة أو المعرف المطلوب للتصميم. على سبيل المثال:
بعد إضافة الرمز ، قم بتحديث صفحة الويب الخاصة بك وسترى الرمز المحدد عليها. يعد تثبيت خط للرموز طريقة سهلة لإضافة نمط وأصالة إلى موقع الويب الخاص بك عن طريق لفت انتباه المستخدمين إلى العناصر المهمة.
تعيين الخط للرموز
لتعيين خط الرموز على صفحة الويب ، ستحتاج إلى الخطوات التالية:
- حدد الخط المناسب للرموز. غالبا ما يتم استخدام الخط الرائع ، والذي يقدم مجموعة واسعة من الرموز.
- قم بتنزيل ملف الخط من الموقع الرسمي أو استخدم رابط كندي لتوصيل الخط.
- قم بفك ضغط الملف الذي تم تنزيله وابحث عن ملفات الخطوط في ملف .محكمة تكافؤ الفرص, .سفغ, .صندوق النقد الدولي و .تنسيقات وف.
- انقل ملفات الخطوط إلى الخادم أو قم بتحميلها إلى الدليل المناسب على الاستضافة.
- أضف رمز كس لتوصيل الخط بصفحة الويب الخاصة بك.
نموذج التعليمات البرمجية لربط فونتاوسوم الخط:
بعد توصيل ملف كس بالخط ، يمكنك استخدام فئات الخطوط لعرض الرموز على صفحة الويب الخاصة بك. على سبيل المثال: