# 113: Δημιουργία και χρήση προσαρμοσμένης γραμματοσειράς εικονιδίου - CSS-Κόλπα

Anonim

Όπως έχουμε πει εδώ πολλές φορές: οι γραμματοσειρές εικονιδίων είναι καταπληκτικές. Είναι αποτελεσματικά με τον ίδιο τρόπο που τα sprite CSS είναι αποτελεσματικά: πολλές εικόνες μπορούν να χρησιμοποιηθούν για διαφορετικές περιοχές / σκοπούς σε μία λήψη. Αλλά είναι ακόμα πιο φοβερά από τα sprites, επειδή είναι διανυσματικά και έτσι μπορούν να κλιμακωθούν σε οποιοδήποτε μέγεθος, να σκιάσουν, να αλλάξουν χρώμα και πολλά άλλα. Φαίνονται επίσης φανταστικά σε οθόνες αμφιβληστροειδούς (ή οθόνες οποιουδήποτε μεγέθους και ανάλυσης, πραγματικά).

Για να είναι η πιο αποτελεσματική με τη γραμματοσειρά εικονιδίων, θα πρέπει να φορτώνετε μόνο τους χαρακτήρες που πρέπει να φορτώσετε. Και για να είστε ευέλικτοι, είναι ωραίο να μπορείτε να προσθέσετε σε μια γραμματοσειρά ενός εικονιδίου από πολλά σύνολα ή από οποιοδήποτε φορέα / SVG οπουδήποτε. Η εφαρμογή IcoMoon σάς επιτρέπει να κάνετε όλα αυτά από την εξαιρετικά απλή διεπαφή της. Μπορείτε να επιλέξετε τα εικονίδια που θέλετε, να τα αντιστοιχίσετε στους χαρακτήρες που θέλετε και, στη συνέχεια, να εξαγάγετε τις γραμματοσειρές HTML / CSS / Web σε μορφή έτοιμη προς χρήση.

Σύνδεσμοι από το βίντεο:

  • IcoMoon
  • Εντύπο
  • Γιατί οι γραμματοσειρές εικονιδίων είναι καταπληκτικές
  • Συλλογή γραμματοσειρών εικονιδίων
  • StateFace
  • GeoBats
  • ShopTalk