Μια Ενημερωτική Γραμματοσειρά Μεγάλων Icon Fonts
Οι γραμματοσειρές με εικονίδια είναι εξαιρετικά χρήσιμες κατά το σχεδιασμό ενός ιστότοπου και έχουν τεράστιο αριθμό πλεονεκτημάτων σε σχέση με τα κανονικά εικονίδια.
Επειδή παραδίδονται ως αρχείο γραμματοσειράς και ενσωματώνονται σαν γραμματοσειρά, αυτά τα εικονίδια είναι εύκολα κλιμακούμενα, το χρώμα τους μπορεί να αλλάξει ζωντανά, αντί να χρειάζεται να επεξεργαστείτε εικόνες. μαζί με αυτό, διάφορα εφέ μπορούν να προστεθούν μέσω κωδικοποίησης, όπως σκιές, εφέ εγκεφαλικού επεισοδίου ή κλίσεις, καθιστώντας τα πολύ πιο ευπροσάρμοστα από τις εικόνες.
Εδώ, θα στρογγυλοποιούμε μερικές από τις καλύτερες εικονικές γραμματοσειρές που μπορεί να προσφέρει ο παγκόσμιος ιστός, για να μπορείτε να το χρησιμοποιήσετε στους ιστότοπούς σας.
Φίκο
Φίκο είναι μια φανταστική αναζήτηση γραμματοσειράς, που παρουσιάζεται σε μια όμορφη περιοχή, η οποία κάνει μια χαρά να κατεβάσετε και να χρησιμοποιήσετε. Ο ιστότοπος δείχνει με σαφήνεια ποιο γράμμα ή glyph χρησιμοποιείται για κάθε εικονίδιο, το οποίο αφαιρεί την μερικές φορές επώδυνη διαδικασία λήψης γραμματοσειράς μόνο για να διαπιστώσετε ότι δεν έχετε ιδέα για το πού μπορείτε να βρείτε κάθε εικονίδιο στο πληκτρολόγιό σας και να ξοδέψετε πολύτιμο χρόνο σε κάθε κύκλο. Αυτά τα εικονίδια φαίνονται φανταστικά σε συνδυασμό με το Helvetica, οι καθαρές λεπτές γραμμές που συνεργάζονται θεματικά δημιουργούν την αίσθηση ότι ο Fico ήταν φτιαγμένος για χαρακτήρες sans serif. Άλλα παραδείγματα μπορούν να φανούν στην τοποθεσία τους.
Πικελιωμένο
Πικελιωμένο είναι μια γραμματοσειρά που, παρά τη γοητεία της, έχει πρακτική χρήση. Το Pixelated είναι εξαιρετικά ελαφρύ, τα μεγέθη του αρχείου εικονιδίων είναι κατά μέσο όρο περίπου 60 byte! Δεν είναι megabytes, ή ακόμα και kilobytes, byte! Μπορείτε επίσης να τα κατεβάσετε ως διαφανή GIF, έτσι ώστε να είναι συμβατά με το IE6, και αν θέλετε να τα επεξεργαστείτε, μπορείτε να κάνετε λήψη ενός PSD. Η γραμματοσειρά έρχεται με δύο χρωματικά σχήματα, όπως φαίνεται παρακάτω, καθιστώντας ακόμα πιο απλή τη χρήση τους. Είναι εντελώς δωρεάν και είναι διαθέσιμο για εμπορική χρήση!
Entypo
Εκπληκτικά για μια γραμματοσειρά με 100+ εικόνες, Entypo έρχεται εντελώς δωρεάν, και όπως το Pixelated, είναι διαθέσιμο για εμπορική χρήση. Μπορεί να μεταφορτωθεί ως αρχείο διανυσμάτων για επεξεργασία μαζί με το αρχείο γραμματοσειράς OpenType. Αυτή η γραμματοσειρά θυμίζει πολύ τα εικονίδια διασύνδεσης της Apple που χρησιμοποιούνται στα iOS5 και OSX10 και ως ωραίο άγγιγμα, το 50% των δωρεών που γίνονται στην τοποθεσία της γραμματοσειράς δωρίζονται στη Wikipedia.
Uicons
Εκτός από το μάλλον πνευματικό όνομα, Uicons προσφέρουν 391 εικονίδια στο σύνολο τους και περιλαμβάνουν ειδικά εικονίδια κοινωνικού δικτύου τα οποία συχνά χάνουν την εικονική γραμματοσειρά. Δεν αποτελεί έκπληξη το γεγονός ότι αυτό το σετ δεν είναι δωρεάν, ωστόσο για ένα σχετικά φθηνό $ 20 όλες οι επόμενες ενημερώσεις στη γραμματοσειρά είναι δωρεάν. Αυτά τα εικονίδια έχουν σχεδιαστεί ώστε να είναι άπειρα κλιμακωτά, καθιστώντας τον σχεδιασμό απόκρισης από επιτραπέζιες οθόνες 1080p σε κινητές συσκευές όπως το iPhone, πολύ πιο εύκολη. Μπορεί να μεταφορτωθεί σε πολλαπλές μορφές, αλλά όχι ως γραμματοσειρά αυτήν τη στιγμή, περιλαμβάνεται σε αυτήν τη λίστα, καθώς η υποστήριξη εκκρεμεί και αξίζει τον κόπο εδώ.
Εικονική
Εικονική είναι ένα σετ εικονιδίων ανοιχτού κώδικα αποτελούμενο από 171 εικονίδια σε διάφορες μορφές, συμπεριλαμβανομένης και γραμματοσειράς. Έχει σχεδιαστεί ώστε να είναι κλιμακωτή, 'στοχεύει να είναι το πιο προσανατολισμένο προς τα εμπρός εικονίδιο γύρω από το οποίο βασίζεται η υποστήριξή του στις μεθόδους εμφάνισης / ανάπτυξης. Τα εικονίδια δεν πρέπει να είναι απλά σαφή και ελκυστικά, πρέπει να είναι εύκολα και ευέλικτα για να δουλεύουν με ». Η φύση ανοιχτού κώδικα αυτής της γραμματοσειράς σημαίνει ότι έχει προστεθεί από αναγκαιότητα όταν χρειαζόταν εικόνες, αντί να σχεδιάζεται ως σύνολο από την αρχή, οδηγώντας σε κάποιες μάλλον ενδιαφέρουσες και λιγότερο συμβατικές εικόνες που περιλαμβάνονται στο σετ.
Sanscons
Αυτό είναι μια προσαρμογή μιας άλλης γραμματοσειράς, Bitcons , ένα σετ από 120 εικόνες σε 10 διαφορετικά χρώματα και διάφορα μεγέθη. Η Sanscons στοχεύει να καταστήσει τους Bitcons φιλικότερους CSS, με διαφανή φόντα και 13 χρώματα. Τα εικονίδια έρχονται επίσης σε 16 × 16, 32 × 32 και 64 × 64 εικονοστοιχεία καθώς και περικοπή στο μέγεθος. Τα εικονίδια των 32 × 32 και 64 × 64 έχουν μια πιο ζωντανή εμφάνιση, διατηρώντας το στυλ εικονοστοιχείων. Το σετ είναι δωρεάν υπό την άδεια Creative Commons.
Heydings
Heydings είναι μια γραμματοσειρά που δημιουργήθηκε από το «απογοητευτικό έλλειμμα υψηλής ποιότητας, δωρεάν γραμματοσειρές γραμματοσειράς web που είναι διαθέσιμες για την ενσωμάτωση», στις λέξεις των δημιουργών. Περιέχει 60 Glyphs και ο ιστότοπος προσφέρει ακόμη CSS για να διευκολύνει την κωδικοποίησή σας με τη γραμματοσειρά. Ο συγγραφέας έχει επίσης χαρτογραφήσει τα εικονίδια αλφαβητικά για μεγαλύτερη ευκολία χρήσης. Αυτά είναι σχεδιασμένα να χρησιμοποιούνται ως μέρος του βασικού περιβάλλοντος χρήστη του ιστότοπού σας και έτσι τα glyphs καλύπτουν ένα ευρύ φάσμα για μια ποικιλία διαφορετικών τοποθεσιών.
Απλά Vector
Αυτό το σετ εικονιδίων συνοδεύεται από έναν εκτεταμένο ιστότοπο που καλύπτει όλες τις πτυχές του Απλά Vector , από τον τρόπο με τον οποίο μετατρέπεται σε πρόγραμμα περιήγησης σε αυτό που θα έμοιαζε σε μια διαμορφωμένη τοποθεσία, σε διάφορα μεγέθη, μαζί με τον κώδικα για να διευκολύνεται η @ fontface'ing. Περιλαμβάνει ακόμη έναν εύχρηστο οδηγό αντιμετώπισης προβλημάτων που ισχύει για όλα τα webfonts, που καλύπτουν τη φόρτωση σε διάφορα προγράμματα περιήγησης, συμπεριλαμβανομένων των κινητών. Ο ιστότοπος επιδεικνύει την δυνατότητα κλιμάκωσης της γραμματοσειράς, δείχνοντας μεγέθη πολύ μεγαλύτερα από τις πολλές γραμματοσειρές εικονιδίων που δεν μπορούν να υποστηρίξουν.
Flexi Social Εικόνες
Flexi είναι διαθέσιμη στο myfonts.com, το οποίο προσφέρει με προσοχή μια σελίδα που εμφανίζει την απόδοση της γραμματοσειράς σε πολλά προγράμματα περιήγησης. Η γραμματοσειρά έχει 68 glyphs, και κοστίζει $ 29, καθώς και ένα webfont δίνει OpenType OTF και TrueType επιλογές για ευελιξία.
WriteSocial
Writesocial έχει μόνο τα 18 εικονίδια που φαίνονται παρακάτω, ωστόσο τα $ 10 δικαιολογούνται στις παραλλαγές στις οποίες μπορούν να έρθουν, με επιλογές όπως τετράγωνα ή κύκλου εικονίδια. Έρχεται με μια μορφή τύπου ανοιχτού τύπου, καθώς και με άδεια χρήσης για @ font-face. Κατά την αγορά σας παρέχεται ένα αρχείο HTML με πολλαπλά παραδείγματα @ γραμματοσειράς-προσώπου χρήσης της γραμματοσειράς. Εκτός αυτού, μπορείτε να επιλέξετε να πληρώσετε 15 δολάρια για τη γραμματοσειρά, αντί για τα τυποποιημένα 10 δολάρια, όπου 10 δολάρια από τα 15 δολάρια πηγαίνουν στο Φιλανθρωπικό: Νερό.
ikoo
ikoo είναι μια γραμματοσειρά ειδικά σχεδιασμένη ώστε να ενσωματώνεται σε μια σελίδα html χωρίς να χρησιμοποιεί εικόνες μέσω του @FontFace ή άλλων μέσων. Εστιάζεται στην πλοήγηση στον ιστότοπο και προσφέρει μια σειρά από πραγματικά καθαρά εικονίδια σε λευκές και μαύρες παραλλαγές, με 65 δωρεάν εικονίδια συνολικά.
InfoBits (Εικόνες & Στιγμιότυπα)
Αυτό σας δίνει δύο σύνολα για την τιμή ενός, μόλις $ 29 για 190 χαρακτήρες, InfoBits έχει δύο ξεχωριστές γραμματοσειρές εικονιδίων, που φαίνονται παρακάτω, οι οποίες είναι επίσης διαθέσιμες μεμονωμένα για $ 19 το καθένα. Οι χαρακτήρες έχουν ένα παιχνιδιάρικο, αλλά παραδοσιακό στυλ, με ένα τεράστιο φάσμα χρήσεων και επιλογών, που είναι εξαιρετικά ευέλικτο τόσο για πλοήγηση στο site όσο και για άλλες περιφερειακές χρήσεις.
Pictos
Pictos είναι ένα σετ εικονιδίων διαθέσιμο σε μια μυαλό φυσώντας αριθμό των μορφών, και ο ιστότοπος έχει μια ενσωματωμένη keybinder για να προσαρμόσετε τη δική σας γραμματοσειρά Pictos. Περιέχει 650 εικονίδια και θεωρείται αρκετά καλό για χρήση σε όλο τον ιστό, από ιστότοπους όπως το Microsoft, το Adobe και το BitTorrent. Becuase της προσαρμοσμένης λειτουργικότητας γραμματοσειράς, χρησιμοποιείται απευθείας από τους διακομιστές Pictos και συνεπώς απαιτεί κλιμακούμενη συνδρομή μετά από μια δωρεάν δοκιμή 10 ημερών. Είναι μια απίστευτα ελκυστική γραμματοσειρά και είναι εύκολο να δείτε γιατί χρησιμοποιείται από τόσους αξιόπιστους ιστότοπους.
Γραμματοσειρά Awesome
Αυτό γραμματοσειρά έχει σχεδιαστεί για χρήση με το πλαίσιο CSS Bootstrap του Twitter, συμπεριλαμβανομένων 220 εικονιδίων, δίνοντας παραδείγματα των εικονιδίων που χρησιμοποιούνται στη διεπαφή Bootstrap στην τοποθεσία τους. Δίνονται επίσης εικονίδια διανύσματος για εύκολη επεξεργασία και η νέα έκδοση 2.0 υποστηρίζει IE7, για μέγιστη συμβατότητα.
Τι βρίσκετε το πιο χρήσιμο εικονίδιο, ένα καλάθι, ένα εικονίδιο twitter; Μας χάσαμε ένα από τα αγαπημένα σου σύνολα; Ενημερώστε μας στα σχόλια.