Το IcoFont σας δίνει 2100+ δωρεάν εικονίδια σε ένα μοναδικό αρχείο γραμματοσειράς

Με την άνοδο του web γραμματοσειρές και ενσωματωμένες γραμματοσειρές CSS, είναι πολύ πιο εύκολο σήμερα να δημιουργήσετε πραγματικά μοναδικές ιστοσελίδες από το μηδέν.

Η νεότερη τάση είναι γραμματοσειρές εικονιδίων που είναι συνήθως μικρότερες από τις εικόνες, πολύ πιο εύκολες στην κλίμακα και είναι κρυστάλλινες σε όλα τα μεγέθη οθόνης (συμπεριλαμβανομένου του αμφιβληστροειδούς). Μπορείτε να βρείτε πολλές από αυτές τις εικονικές γραμματοσειρές σε απευθείας σύνδεση, αλλά IcoFont παίρνει πραγματικά το κέικ.

Αυτή η ελεύθερη ετικέτα εικονιδίων έρχεται με πάνω από 2.100 εικόνες, όλα συσσωρευμένα σε a ένα αρχείο γραμματοσειράς.

Μπορείτε να κατεβάσετε την ακατέργαστη πηγή με όλα τα εικονίδια ή μόνο συγκεκριμένο εικονίδιο “οικογένειες” όπως το νομισματικό, επιχειρηματικό, κοινωνικό ή κινητό UI (μεταξύ πολλών άλλων).

Η ιστοσελίδα λειτουργεί σαν ένα ηλεκτρονική τεκμηρίωση για όλα αυτά τα εικονίδια, ώστε να μπορείτε να αντιγράψετε / επικολλήσετε τους κώδικες στον ιστότοπό σας γρήγορα. Τα εικονίδια του IcoFont λειτουργούν πολύ όπως FontAwesome εικονίδια που, για παράδειγμα, χρησιμοποιούνται από προεπιλογή στο πλαίσιο Bootstrap.

Όλα λειτουργούν μέσω του στοιχείο που απαιτεί δύο κατηγορίες CSS:

1. την προεπιλεγμένη κατηγορία IcoFont
2. μια κλάση για κάθε τύπο εικονιδίου

Για παράδειγμα, για να προσθέσετε ένα εικονίδιο κάστρου στο έγγραφό σας, θα προσθέσετε κάτι παρόμοιο στη διάταξη σας:

Μπορείτε να προσθέσετε τεχνικά αυτά τα εικονίδια σε οποιοδήποτε στοιχείο θέλετε αλλά βασίζεται ο προεπιλεγμένος κωδικός από την IcoFont στοιχεία.

Σημειώστε αυτή τη βιβλιοθήκη δεν πρέπει να συγχέεται με ένα πρόγραμμα που ονομάζεται Icofont το οποίο δεν είναι καθόλου βιβλιοθήκη, αλλά μια διεπαφή για τη διαχείριση γραμματοσειρών εικονιδίων μέσα στις εφαρμογές RoR. Δεδομένου ότι το πρόγραμμα αυτό έχει το ίδιο όνομα με τη βιβλιοθήκη IcoFont μπορεί να είναι δύσκολο Googling για περισσότερες πληροφορίες.

Αυτή η βιβλιοθήκη είναι ακόμα πολύ καινούριο και δεν μπορώ να το βρω στο GitHub ή οπουδήποτε αλλού στο διαδίκτυο. Αλλά, αν ψάχνετε για περισσότερες πληροφορίες ενθαρρύνω ιδιαίτερα την επίσκεψη στην ιστοσελίδα και τη λήψη αντιγράφου. Θα βρείτε όλα τα σωστό κώδικα πηγής εκεί ακριβώς μπορείτε να περιηγηθείτε όλα τα εικονίδια ανά κατηγορία για να δείτε τι υπάρχει στο σετ.