Περιγραφή του εικονιδίου γραμματοσειράς Glyphicons
Βασικά χαρακτηριστικά
- Plug and Play： Αφού εισαγάγετε το αρχείο CSS του Bootstrap, μπορείτε να χρησιμοποιήσετε το glyphicon glyphicon-icon name όνομα κλάσης Ανταποκρινόμενος σχεδιασμός： Όλα τα εικονίδια είναι διανυσματικές γραμματοσειρές, που προσαρμόζονται αυτόματα σε διαφορετικές αναλύσεις οθόνης. Ελαφριά ενσωμάτωση： Δεν απαιτούνται πρόσθετες αιτήσεις εικόνων, ένα αρχείο γραμματοσειράς περιέχει όλα τα εικονίδια.
Μέθοδος κλήσης
1. Εισάγετε το αρχείο στυλ Bootstrap στο έργο 2. Χρησιμοποιήστε τις τυπικές ετικέτες HTML για να προσθέσετε εικονίδια :<i class="glyphicon glyphicon-search"></i> 3. Μπορούν να ρυθμιστούν μέσω του μεγέθους CSS, του χρώματος και άλλων στυλ
Βέλτιστες πρακτικές
- Σημασιολογική συσχέτιση： Συνιστάται να χρησιμοποιείται με ετικέτες ARIA για την ενίσχυση της προσβασιμότητας - Έλεγχος μεγέθους： Ο έλεγχος μεγέθους επιτυγχάνεται μεfont-size Αλλαγή μεγέθους αντί για καθορισμό πλάτους και ύψους - Βελτιστοποίηση επιδόσεων： Αποφύγετε την υπερβολική χρήση εικονιδίων που επηρεάζει την αποδοτικότητα της απόδοσης.
Συμβατότητα έκδοσης
Κατάλληλο για το Bootstrap 3.x, συνιστάται το Bootstrap 4+ για να χρησιμοποιήσετε αντί αυτού το σχήμα εικονιδίων SVG.