Τι είναι ένας δοκιμαστής γραμματοσειρών;

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

Τα σύγχρονα προγράμματα περιήγησης εκθέτουν το FontFace API, το οποίο καθιστά δυνατή την καταχώρηση μιας γραμματοσειράς από ένα τοπικό αρχείο και την εφαρμογή της σε οποιοδήποτε στοιχείο της σελίδας χωρίς να ανεβάσετε τίποτα σε ένα διακομιστή. Όλη η απόδοση γίνεται τοπικά, επομένως το αρχείο γραμματοσειράς δεν φεύγει ποτέ από τη συσκευή σας.

Περιγραφή εργαλείου

Αυτός ο Δοκιμαστής Γραμματοσειρών σας επιτρέπει να ανεβάσετε ένα αρχείο γραμματοσειράς (TTF, OTF, WOFF ή WOFF2) και να το προεπισκοπήσετε αμέσως με πλήρως προσαρμόσιμες ρυθμίσεις τυπογραφίας. Μπορείτε να προσαρμόσετε το μέγεθος, το ύψος γραμμής, την απόσταση γραμμάτων, την απόσταση λέξεων, το βάρος, το στυλ, την ευθυγράμμιση και τα χρώματα, και στη συνέχεια να δείτε το αποτέλεσμα να αποδίδεται ζωντανά σε πολλά δείγματα — δείγμα κειμένου, πλήρες αλφάβητο, ψηφία, σύμβολα και κλίμακα μεγέθους — για να αξιολογήσετε τη γραμματοσειρά από κάθε γωνία.

Η γραμματοσειρά φορτώνεται εξ ολοκλήρου στο πρόγραμμα περιήγησης. δεν απαιτείται ανέβασμα, λογαριασμός ή εγκατάσταση.

Παραδείγματα

Είσοδος: Ένα προσαρμοσμένο αρχείο .woff2 συν το δείγμα κειμένου The quick brown fox jumps over the lazy dog.

Έξοδος: Μια ζωντανή προεπισκόπηση αυτής της πρότασης που αποδίδεται στη γραμματοσειρά που ανεβάσατε στο επιλεγμένο μέγεθος, βάρος και απόσταση, συν ξεχωριστά πάνελ που δείχνουν το αλφάβητο κεφαλαίων, το αλφάβητο πεζών, ψηφία, σύμβολα και το ίδιο pangram επαναλαμβανόμενο σε 12, 16, 20, 24, 32, 48, 64 και 96 pixel.

Χαρακτηριστικά

  • Τοπική φόρτωση γραμματοσειράς: Ρίξτε ένα αρχείο TTF, OTF, WOFF ή WOFF2 και δείτε το να εφαρμόζεται αμέσως
  • Πλήρεις έλεγχοι τυπογραφίας: Προσαρμόστε το μέγεθος γραμματοσειράς, το ύψος γραμμής, την απόσταση γραμμάτων, την απόσταση λέξεων, το βάρος, το πλάγιο και την ευθυγράμμιση
  • Προσαρμογή χρώματος: Επιλέξτε χρώματα κειμένου και φόντου για να δοκιμάσετε την αντίθεση και συνδυασμούς σύμφωνα με το brand
  • Πολλά δείγματα: Προεπισκοπήστε τη γραμματοσειρά με προσαρμοσμένο κείμενο, το πλήρες αλφάβητο, ψηφία, σύμβολα και κλίμακα μεγέθους
  • Φιλική προς το απόρρητο: Τα αρχεία επεξεργάζονται στο πρόγραμμα περιήγησής σας και δεν ανεβαίνουν ποτέ σε ένα διακομιστή

Περιπτώσεις χρήσης

  • Αξιολόγηση μιας αγορασμένης ή λήφθης γραμματοσειράς: Δοκιμάστε μια γραμματοσειρά σε διάφορα μεγέθη, βάρη και χρώματα πριν την δεσμεύσετε σε ένα brand ή έργο
  • Δοκιμή απόδοσης webfont: Ελέγξτε πώς ένα αρχείο .woff2 εμφανίζεται πραγματικά στο πρόγραμμα περιήγησης, συμπεριλαμβανομένου του kerning, της απόστασης και του πλάγιου στυλ
  • Σχεδιασμός τυπογραφίας για ένα ιστότοπο ή εφαρμογή: Επαναλάβετε γρήγορα το μέγεθος γραμματοσειράς, το ύψος γραμμής και την απόσταση γραμμάτων για να βρείτε τον σωστό συνδυασμό

Υποστηριζόμενες μορφές

  • TTF (TrueType Font)
  • OTF (OpenType Font)
  • WOFF (Web Open Font Format)
  • WOFF2 (Web Open Font Format 2.0)

Επεξήγηση επιλογών

  • Δείγμα κειμένου — Το κείμενο που εμφανίζεται στο κύριο πάνελ προεπισκόπησης. υποστηρίζει πολλές γραμμές.
  • Μέγεθος γραμματοσειράς — Μέγεθος του κύριου κειμένου προεπισκόπησης σε pixel (8–200). Τα πάνελ αλφαβήτου, ψηφίων και συμβόλων αποδίδονται στο 75% αυτής της τιμής.
  • Ύψος γραμμής — Κατακόρυφη απόσταση μεταξύ γραμμών, εκφρασμένη ως ποσοστό του μεγέθους γραμματοσειράς (50–300%).
  • Απόσταση γραμμάτων — Επιπλέον χώρος μεταξύ μεμονωμένων χαρακτήρων, σε pixel (-10 έως 30). Οι αρνητικές τιμές σφίγγουν το κείμενο.
  • Απόσταση λέξεων — Επιπλέον χώρος μεταξύ λέξεων, σε pixel (-10 έως 50).
  • Βάρος γραμματοσειράς — Αριθμητικό βάρος από 100 (Thin) έως 900 (Black). Μόνο τα βάρη που περιλαμβάνονται πραγματικά στο αρχείο γραμματοσειράς θα αποδοθούν διακριτά. τα άλλα προσομοιώνονται από το πρόγραμμα περιήγησης.
  • Πλάγιο — Εναλλάσσει font-style: italic. Εάν η γραμματοσειρά δεν έχει παραλλαγή πλάγιου, το πρόγραμμα περιήγησης μπορεί να συνθέσει μια κεκλιμένη έκδοση.
  • Ευθυγράμμιση κειμένου — Ευθυγράμμιση αριστερά, κέντρο, δεξιά ή δικαιολόγηση για τα πάνελ προεπισκόπησης.
  • Χρώμα κειμένου / Χρώμα φόντου — Χρώματα που χρησιμοποιούνται σε κάθε πάνελ προεπισκόπησης, χρήσιμα για την προεπισκόπηση της γραμματοσειράς στο προορισμένο φόντο της.

Συμβουλές

  • Ορισμένες γραμματοσειρές παρέχουν μόνο ένα μόνο βάρος. η εναλλαγή σε έντονο ή λεπτό μπορεί να φαίνεται πανομοιότυπη ή να επιστρέψει σε ένα συνθετικό στυλ προγράμματος περιήγησης. Ελέγξτε την τεκμηρίωση της γραμματοσειράς εάν ένα βάρος φαίνεται λάθος.
  • Χρησιμοποιήστε το πάνελ κλίμακας μεγέθους για να εντοπίσετε γραμματοσειρές που υποδεικνύουν κακώς σε μικρά μεγέθη — μια γραμματοσειρά που φαίνεται κομψή στα 64px μπορεί να γίνει δυσανάγνωστη στα 12px.
  • Δοκιμάστε τη γραμματοσειρά σας σε φόντα ανοιχτόχρωμα και σκοτεινά. τα λεπτά βάρη συχνά εξαφανίζονται σε σκοτεινά φόντα και πρέπει να αυξηθούν.
  • Συγκρίνετε τα πάνελ κεφαλαίων και πεζών γραμμάτων δίπλα-δίπλα για να αξιολογήσετε το ύψος x, το ύψος κεφαλαίων και τον συνολικό ρυθμό.

Περιορισμοί

  • Οι άξονες μεταβλητής γραμματοσειράς πέρα από το τυπικό βάρος και το πλάγιο δεν εκτίθενται ξεχωριστά.
  • Τα χαρακτηριστικά OpenType όπως τα ligatures, οι εναλλακτικές εκδόσεις και τα μικρά κεφαλαία αποδίδονται χρησιμοποιώντας τις προεπιλογές του προγράμματος περιήγησης και δεν μπορούν να εναλλάσσονται στο UI.
  • Τα πολύ μεγάλα αρχεία γραμματοσειρών μπορεί να χρειαστούν λίγο χρόνο για να φορτωθούν και να αναλυθούν.