Ο Fonts Changer σάς επιτρέπει να αντικαταστήσετε οποιαδήποτε γραμματοσειρά σε ιστοσελίδα με μια άλλη από τη βιβλιοθήκη Google Fonts — είτε καθολικά (όλο το κείμενο στη σελίδα) είτε ανά στοιχείο (μόνο επικεφαλίδες, μόνο κύριο κείμενο ή οποιοδήποτε συγκεκριμένο στοιχείο κάνετε κλικ). Οι γραμματοσειρές φορτώνονται δυναμικά κατ' απαίτηση και μπορείτε να εναλλάσσεστε μεταξύ αρχικής και νέας γραμματοσειράς για να συγκρίνετε την επίδραση στην αναγνωσιμότητα και τον σχεδιασμό.
Η επιλογή της σωστής γραμματοσειράς είναι μια από τις πιο επιδραστικές αποφάσεις σχεδιασμού, αλλά η δοκιμή γραμματοσειρών σε πραγματικό πλαίσιο είναι εκπληκτικά δύσκολη. Οι προεπισκοπήσεις του Google Fonts δείχνουν γραμματοσειρές απομονωμένες με δείγμα κειμένου — όχι στο πλαίσιο της πραγματικής σας διάταξης σελίδας με το πραγματικό σας περιεχόμενο. Ο Fonts Changer φέρνει το Google Fonts απευθείας στο πρόγραμμα περιήγησης, εφαρμοσμένο σε πραγματικές σελίδες. Περιηγηθείτε ή αναζητήστε στη βιβλιοθήκη, κάντε κλικ σε μια γραμματοσειρά και δείτε την εφαρμοσμένη αμέσως. Η γραμματοσειρά φορτώνεται δυναμικά από το CDN της Google, οπότε δεν απαιτείται λήψη ή εγκατάσταση. Εφαρμόστε την καθολικά για να δείτε πώς φαίνεται ολόκληρη η σελίδα με νέο typeface, ή κάντε κλικ σε συγκεκριμένα στοιχεία για να δοκιμάσετε διαφορετικές γραμματοσειρές για επικεφαλίδες έναντι κυρίου κειμένου. Εναλλαγή μεταξύ αρχικής γραμματοσειράς και αντικατάστασης με ένα κλικ για σύγκριση αναγνωσιμότητας, οπτικού βάρους και συνολικής επίδρασης σχεδιασμού. Όλες οι αλλαγές είναι μη καταστροφικές — ανανεώστε για να επαναφέρετε τα πάντα.
Εφαρμόστε μια νέα γραμματοσειρά σε ολόκληρη τη σελίδα με ένα κλικ. Κάθε στοιχείο κειμένου — επικεφαλίδες, παράγραφοι, κουμπιά, πλοήγηση, υποσελίδα — μεταβαίνει στην επιλεγμένη γραμματοσειρά. Δείτε άμεσα πώς μια πλήρης αλλαγή typeface επηρεάζει τον συνολικό σχεδιασμό.
Κάντε κλικ σε συγκεκριμένα στοιχεία για να αλλάξετε μόνο τη γραμματοσειρά τους. Δοκιμάστε serif γραμματοσειρά για επικεφαλίδες με sans-serif για κύριο κείμενο, ή εφαρμόστε monospace γραμματοσειρά μόνο σε blocks κώδικα. Συνδυάστε γραμματοσειρές στην ίδια σελίδα.
Περιηγηθείτε και αναζητήστε την πλήρη βιβλιοθήκη Google Fonts (1.500+ font families) απευθείας μέσα στο εργαλείο. Οι γραμματοσειρές φορτώνονται δυναμικά από το CDN της Google κατ' απαίτηση — δεν απαιτείται τοπική εγκατάσταση ή λήψη.
Εναλλαγή μεταξύ αρχικής γραμματοσειράς και αντικατάστασης με ένα κλικ. Η σελίδα εναλλάσσεται αμέσως, κάνοντας εύκολη τη σύγκριση αναγνωσιμότητας, οπτικού βάρους, x-height και απόστασης μεταξύ των δύο typefaces.
Όταν εφαρμόζετε νέα γραμματοσειρά, οι αρχικές τιμές font-weight και font-style διατηρούνται. Οι έντονες επικεφαλίδες παραμένουν έντονες, το πλάγιο κείμενο παραμένει πλάγιο και το ελαφρύ κύριο κείμενο διατηρεί το ελαφρύ βάρος του — το typeface αλλάζει αλλά η τυπογραφική ιεραρχία διατηρείται.
Αναζητήστε γραμματοσειρές κατά όνομα ή φιλτράρετε κατά κατηγορία (serif, sans-serif, display, handwriting, monospace). Βρείτε γρήγορα το σωστό typeface από τις 1.500+ διαθέσιμες επιλογές.
Ξεκινάτε νέο ιστότοπο; Ανοίξτε έναν παρόμοιο ιστότοπο και αντικαταστήστε τις γραμματοσειρές του με τους υποψήφιους σας. Δείτε πώς κάθε typeface φαίνεται με πραγματικό περιεχόμενο και πραγματική διάταξη — πολύ πιο αποκαλυπτικό από την προεπισκόπηση δείγματος κειμένου του Google Fonts.
Κατά τη διάρκεια ανασκόπησης σχεδιασμού, δείξτε σε πελάτες πώς θα έδειχνε ο ιστότοπός τους με διαφορετικές γραμματοσειρές. «Εδώ είναι ο τρέχων σχεδιασμός... και έτσι φαίνεται με Playfair Display για επικεφαλίδες.» Η ζωντανή εναλλαγή κάνει τη σύγκριση πειστική.
Συγκρίνετε πώς διαφορετικές γραμματοσειρές επηρεάζουν την αναγνωσιμότητα μακροσκελούς περιεχομένου. Εναλλάξτε ένα blog post μεταξύ Inter, Georgia, Lora και Merriweather για να βρείτε το typeface που είναι πιο άνετο να διαβάζεται στο μέγεθος γραμματοσειράς που στοχεύετε.
Εξερευνάτε brand refresh; Εφαρμόστε νέους υποψήφιους typefaces στον production ιστότοπό σας για να δείτε πώς θα έδειχναν με το πραγματικό σας περιεχόμενο, χρώματα και διάταξη. Πολύ πιο γρήγορο από τη δημιουργία mockups για κάθε επιλογή.
Δοκιμάστε πώς διαφορετικές γραμματοσειρές επηρεάζουν την αναγνωσιμότητα για χρήστες με δυσλεξία ή οπτικές αναπηρίες. Γραμματοσειρές όπως OpenDyslexic, Lexie Readable ή sans-serifs με υψηλό x-height μπορούν να εφαρμοστούν αμέσως για έλεγχο της επίδρασής τους.
Ανοίξτε το floating dock του DevSuite Pro και κάντε κλικ στο εικονίδιο Fonts Changer. Ανοίγει ένα panel με αναζητήσιμη βιβλιοθήκη Google Fonts.
Πληκτρολογήστε όνομα γραμματοσειράς για αναζήτηση ή κάντε κύλιση στη βιβλιοθήκη. Φιλτράρετε κατά κατηγορία (serif, sans-serif, display, monospace) για να περιορίσετε τις επιλογές.
Κάντε κλικ σε όνομα γραμματοσειράς για καθολική εφαρμογή σε όλο το κείμενο της σελίδας. Ή κάντε κλικ στη λειτουργία «ανά Στοιχείο» πρώτα, μετά κάντε κλικ σε συγκεκριμένα στοιχεία στη σελίδα και μετά επιλέξτε γραμματοσειρά.
Χρησιμοποιήστε το κουμπί εναλλαγής για να αλλάξετε μεταξύ αρχικής γραμματοσειράς και αντικατάστασης. Συγκρίνετε αναγνωσιμότητα, οπτικό βάρος και επίδραση σχεδιασμού δίπλα-δίπλα.
Όταν τελειώσετε τα πειράματα, ανανεώστε τη σελίδα για να επαναφέρετε πλήρως όλες τις αρχικές γραμματοσειρές.
Εγκαταστήστε το DevSuite Pro δωρεάν και ξεκλειδώστε 39+ εργαλεία προγραμματιστή για το πρόγραμμα περιήγησής σας.
