الخط رهيبة هي مكتبة رمز الشعبية التي توفر مطوري الويب مع مجموعة كبيرة من العناصر الرسومية التي يمكن استخدامها في مشاريعهم. استنادا إلى كس والرموز ناقلات ، توفر هذه المكتبة وسيلة سهلة ومريحة لتشمل الرموز دون الحاجة إلى تحميل الصور الفردية. في هذه المقالة ، سنخبرك بكيفية تثبيت الخط الرائع على موقع الويب الخاص بك ، باتباع الإرشادات التفصيلية.
الخطوة 1: قم بتنزيل مكتبة الخطوط الرائعة
الخطوة الأولى لتثبيت الخط الرائع على موقع الويب الخاص بك هي تنزيل المكتبة نفسها. هذا الخط متاح مجانا ويمكنك تنزيله من الموقع الرسمي. بعد التنزيل ، ستحتاج إلى عدة ملفات ، بما في ذلك ملفات كس والخطوط. تأكد من حفظ جميع الملفات في نفس المجلد على جهاز الكمبيوتر الخاص بك.
الخطوة 2: إرفاق ملف كس إلى مستند هتمل الخاص بك
بعد تنزيل مكتبة الخطوط الرائعة بنجاح ، ستحتاج إلى توصيل ملفات كس بمستند هتمل الخاص بك. ويمكن القيام بذلك باستخدام علامة الارتباط والسمة هريف. حدد المسار إلى ملف كس (عادة ما يبدأ اسمه مع "الخط رهيبة") بعد السمة هريف في علامة الارتباط. يجب وضع هذه العلامة داخل قسم الرأس في مستند هتمل الخاص بك.
الخطوة 3: استخدام رموز الخط رهيبة على موقع الويب الخاص بك
الآن بعد أن قمت بتثبيت الخط الرائع بنجاح على موقع الويب الخاص بك ، يمكنك البدء في استخدام أيقوناته. للقيام بذلك ، يكفي استخدام فئات كس معينة تتوافق مع الرموز المطلوبة. ضع عنصر الفصل على صفحة الويب الخاصة بك لعرض رمز الخط الرائع. استبدال" اسم الرمز " مع الفئة المناسبة للرمز الذي تحتاجه من وثائق الخط رهيبة.
- الخطوة 1: قم بتنزيل الخط الرائع
- كيفية العثور على وتحميل الخط رهيبة
- الخطوة 2: توصيل الخط بالموقع
- كيفية توصيل الخط رهيبة عبر المغلق
- الخطوة 3: استخدام الرموز في ترميز هتمل
- كيفية استخدام رموز الخط رهيبة في كود هتمل
الخطوة 1: قم بتنزيل الخط الرائع
أولا ، تحتاج إلى تنزيل ملفات الخطوط الرائعة على جهاز الكمبيوتر الخاص بك. يمكنك القيام بذلك عن طريق زيارة الموقع الرسمي fontawesome.com وبالانتقال إلى صفحة التنزيل.
ستجد في هذه الصفحة العديد من خيارات التنزيل ، بما في ذلك الإصدارات المجانية والمدفوعة من الخط. سيكون الإصدار المجاني كافيا لمعظم المستخدمين.
لتنزيل الإصدار المجاني ، انقر فوق الزر" تنزيل مجاني " ، واحفظ الأرشيف المضغوط على جهاز الكمبيوتر الخاص بك.
كيفية العثور على وتحميل الخط رهيبة
الخط الرائع عبارة عن مجموعة من الرموز التي يمكن استخدامها لإضافة أنماط ورسومات إلى موقع ويب. قبل استخدام الخط الرائع ، تحتاج إلى تنزيله.
اتبع هذه الخطوات للعثور على الخط الرائع وتنزيله:
- افتح موقع الخط الرسمي الرائع في متصفح (https://fontawesome.com /).
- انتقل إلى صفحة" البدء " أو صفحة التنزيل للعثور على إصدارات الخطوط المتاحة.
- حدد إصدار الخط المطلوب. يوصى عادة باستخدام أحدث إصدار متاح.
- في صفحة التنزيل ، ابحث عن الزر" تنزيل "أو" البدء " وانقر عليه لتنزيل الخط.
- حدد تنسيق الملف الذي تريد تنزيله. في معظم الحالات ، يوصى بتنزيل الخط الرائع بتنسيق مضغوط لسهولة الاستخدام.
- بعد تحديد تنسيق الملف ، سيبدأ تنزيل الأرشيف المضغوط بالخط على جهازك المحلي.
- بفك أرشيف مضغوط باستخدام برنامج الأرشفة (على سبيل المثال ، برنامج لضغط الملفات أو 7 زيب).
مبارك! لقد نجحت في العثور على الخط الرائع وتنزيله.
الخطوة 2: توصيل الخط بالموقع
بعد الانتهاء من تحميل الملف مع الخط رهيبة ، تحتاج إلى توصيله إلى موقع الويب الخاص بك. للقيام بذلك ، ستحتاج إلى إضافة الكود التالي إلى قسم مستند هتمل الخاص بك:
بعد إضافة هذا الرمز ، سيتم عرض كل النص على موقعك بخط رائع. يمكنك الآن استخدام الرموز من هذا الخط ببساطة عن طريق إضافة الفئة المناسبة إلى العنصر.:
هنا ، اسم الرمز هو اسم الرمز ، والذي يمكنك العثور عليه في وثائق الخط الرائعة. على سبيل المثال ، لعرض رمز بهاتف ، سيبدو الرمز كما يلي:
Добавьте следующий код CSS в ваш файл стилей:
font-style: normal;
font-weight: 900;
}
Замените
path/to/font-awesome.min.css
إلى المسار إلى ملف الخط على الخادم الخاص بك.
الآن يمكنك استخدام رموز الخط رهيبة في التعليمات البرمجية هتمل الخاص بك عن طريق إضافة الفئة المناسبة إلى العناصر التي تريد إضافة رمز ل.
على سبيل المثال:
يضيف رمز مستخدم إلى العنصر.
الخطوة 3: استخدام الرموز في ترميز هتمل
يوفر الخط الرائع أكثر من 1500 رمز يمكنك استخدامها على موقع الويب الخاص بك. من أجل استخدام الرموز في ترميز هتمل ، تحتاج إلى معرفة فصولهم وإضافة الفئة المناسبة إلى عنصر هتمل المطلوب.
هنا مثال على استخدام رمز مع فئة " فاس فا القلب:
في هذا المثال ، سيتم عرض رمز القلب على موقعك كرمز للقلب من الخط الرائع. إذا كنت ترغب في تغيير حجم الرمز ، يمكنك استخدام فئة "فا-لغ" لزيادة حجم الرمز أو "فا-سم" لتقليله.
إذا كنت ترغب في إضافة رمز إلى رابط ، ثم تحتاج إلى إضافة "فاس" و "فا لينك" الطبقات إلى عنصر هتمل "أ". هنا مثال:
في هذا المثال ، سيتم عرض رمز البريد كرابط مع رمز مغلف الرسالة من الخط الرائع.
- الآن يمكنك استخدام الخط رهيبة على موقع الويب الخاص بك وإضافة الرموز الجميلة إلى ترميز هتمل. يمكنك تحديد الرموز التي تحتاجها من مجموعة ضخمة من معرفات الفئة التي يقدمها الخط الرائع لإنشاء مظهر فريد وجذاب لموقعك.
كيفية استخدام رموز الخط رهيبة في كود هتمل
يوفر الخط الرائع مجموعة متنوعة من الرموز التي يمكنك استخدامها على موقع الويب الخاص بك. لاستخدام رموز الخط رهيبة في التعليمات البرمجية أتش تي أم أل ، اتبع الخطوات التالية:
قم بتوصيل ملف أنماط الخط الرائع بمستند هتمل الخاص بك عن طريق إضافة الكود التالي إلى القسم: