إن إدراج الرموز في موقع الويب ليس بالأمر الصعب. ولكن عند دمج النص والرموز (على سبيل المثال على زر) ، أو إذا كان يجب تغيير حجم الرمز ، فقد يتسبب ذلك في
أيقونات على مواقع الويب
إن إدراج الرموز في موقع الويب ليس بالأمر الصعب. ولكن عند دمج النص والرموز (على سبيل المثال على زر) ، أو إذا كان يجب تغيير حجم الرمز ، فقد يتسبب ذلك في بعض المشاكل.
الحل هو استخدام Icon Fonts أو SVG Icons . يمكن تعديل خطوط الرموز وأيقونات SVG لأي حجم ولون.
في ما يلي ، سوف ننظر في بعض الخيارات.
Ionicons (SVG)
من السهل جدًا دمج Ionicons في موقع الويب الخاص بك.
انتقل إلى صفحة استخدام Ionicons وانسخ علامة نص التثبيت. ضع <script>بالقرب من نهاية الصفحة ، قبل </body>علامة الإغلاق مباشرةً.
فيما يلي مثال على علامة البرنامج النصي ، ولكن يجب أن تحصل على أحدث إصدار من موقع الويب:
< script src = "https://unpkg.com/ionicons@4.4.2/dist/ionicons.js" > </ script >
لاستخدام رمز ما عليك سوى اختيار واحد من نظرة عامة على رمز Ionicons . إذا قمت بالنقر فوق رمز ، فسيظهر لك الرمز الذي يجب عليك استخدامه. هذا مثال بأيقونة ونص:
<ion-icon name = "heart" > </ion-icon> أحب الرموز
سينتج عن ذلك رمز ونص مثل هذا:
مكتبات الأيقونات الأخرى
- Font Awesome - خط رمز شائع جدًا.
- Octicons
- useiconic
- بايت
- أيقونات المواد جوجل
- وأكثر بكثير…
سننتقل الآن إلى الدرس التالي، والذي يتحدّث عن الصور مع Bootstrap .
wesam developer
إذا أعجبك المقال أو كان مفيدًا - ضع "أعجبني". اشترك في المدونة اوشارك برأيك في التعليقات! أراك لاحقا
COMMENTS