5 Εργαλεία για τη σύγκριση των γραμματοσειρών και επιλέξτε τη σωστή γραμματοσειρά για την εργασία σας

Διαφήμιση

Κατά τη διάρκεια των ετών, έχουμε μιλήσει πολλά για γραμματοσειρές. Έχουμε δει πώς να να δημιουργήσετε γραμματοσειρές 2 δωρεάν εργαλεία για να δημιουργήσετε τη δική σας γραμματοσειρά κειμένου Διαβάστε περισσότερα ; πώς να κατεβάσετε μερικά δωρεάν γραμματοσειρές Οι 8 καλύτερες ιστοσελίδες δωρεάν γραμματοσειράς για δωρεάν online γραμματοσειρέςΟ καθένας δεν μπορεί να αντέξει μια γραμματοσειρά με άδεια χρήσης. Αυτές οι ιστοσελίδες θα σας βοηθήσουν να βρείτε την τέλεια ελεύθερη γραμματοσειρά για το επόμενο έργο σας. Διαβάστε περισσότερα ; και έχουμε επίσης ελέγξει τι σκέφτεται ο κόσμος για τις γραμματοσειρές με τη βοήθεια μιας δημοσκόπησης. Αλλά ποτέ δεν κάναμε καθόλου να μιλήσουμε για το πρώτο πράγμα που κάνουμε με τις γραμματοσειρές - να τις συγκρίνουμε και να δούμε ποιο είναι σωστό για τη χρήση μας.

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

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

Η online εφαρμογή γραμματοσειρών έχει σχεδιαστεί κυρίως για τους σχεδιαστές ιστοσελίδων που ξοδεύουν πολύ χρόνο για να πάρουν τη σωστή γραμματοσειρά οθόνης. Το εργαλείο όχι μόνο σας επιτρέπει να επιλέξετε γραμματοσειρές από διαφορετικές λίστες (λίστα ασφαλών ιστού, Λίστα των Windows? Mac λίστα? Λίστα Google) αλλά σας δίνει επίσης μερικά αναπτυσσόμενα μενού για να παίξετε και να τροποποιήσετε τις ιδιότητες της γραμματοσειράς. Μπορείτε να εισαγάγετε το δικό σας κείμενο δείγματος και να παίξετε γύρω με το χρώμα.

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

Αυτό είναι ένα άλλο δυναμικό εργαλείο σύγκρισης που σας επιτρέπει να συγκρίνετε διαφορετικές γραμματοσειρές ιστού με μια ματιά. Η επιλογή γραμματοσειρών προέρχεται από τον κατάλογο γραμματοσειρών της Google και το TypeKit. Μπορείτε να πληκτρολογήσετε το δικό σας κείμενο και να δείτε πώς οι γραμματοσειρές αλλάζουν την εμφάνιση του τίτλου και μια γραμμή κειμένου. Όταν βρείτε μια γραμματοσειρά που σας αρέσει, πατήστε το ποντίκι πάνω από το δείγμα κειμένου για να εμφανιστεί ο σύνδεσμος "Λήψη γραμματοσειράς". Κάντε κλικ σε αυτόν τον σύνδεσμο και το CSS για τη συγκεκριμένη γραμματοσειρά θα εμφανιστεί σε ένα πλαίσιο στο κάτω μέρος της ιστοσελίδας. Μπορείτε να αντιγράψετε-επικολλήσετε τον κώδικα στον κώδικα HTML της ιστοσελίδας σας.

Ο Tester γραμματοσειρών δεν είναι τόσο οπτικά ευχάριστος όσο η πρώτη εφαρμογή Ιστού στη λίστα μας, αλλά δεν υπάρχει αμφιβολία για τη χρησιμότητά του καθώς συνοδεύεται από μερικές ακόμα επιλογές που σας επιτρέπουν να κάνετε προεπισκόπηση και να επιλέξετε τη σωστή γραμματοσειρά. Μπορείτε να χρησιμοποιήσετε τη σύγκριση γραμματοσειρών και να δείτε τρία στυλ δίπλα-δίπλα. Μπορείτε να χρησιμοποιήσετε το προεπιλεγμένο κείμενο ή να εισάγετε ξανά τη δική σας. Στη συνέχεια, παίζετε με τις ιδιότητες του CSS (συμπεριλαμβάνονται όλοι οι σχετικοί με τη γραμματοσειρά) για να έχετε ακριβώς το σωστό βλέμμα που θέλετε για το σχεδιασμό ιστοσελίδων. Ένας επιλογέας χρωμάτων σας επιτρέπει να τελειοποιήσετε την εμφάνιση. Υπάρχει επίσης ένας χάρτης χαρακτήρων που μπορείτε να χρησιμοποιήσετε για να βρείτε γρήγορα την αντίστοιχη οντότητα HTML για ένα συγκεκριμένο χαρακτήρα.

Designer Plaything

Πειραματιστείτε με διαφορετικές γραμματοσειρές και συνδυασμό χρωμάτων σε αυτό το ηλεκτρονικό εργαλείο. Εξασφαλίστε το κείμενο που σχετίζεται με το αντίγραφο σώματος και τους τίτλους και παίζετε με τα χρώματα του φόντου και του κορμού του κορμού. Το πλεονέκτημα είναι ότι θα σας δοθεί άμεση ενημέρωση σχετικά με το εάν ο επιλεγμένος συνδυασμός σας συναντά τις συστάσεις του World Wide Web Consortium (W3C).

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

Αυτό το εργαλείο σύγκρισης γραμματοσειρών είναι μια πειραματική αλλά ενδιαφέρουσα εφαρμογή του HTML5. Συνεπώς, θα λειτουργεί μόνο σε προγράμματα περιήγησης που υποστηρίζουν το νέο πρότυπο. Αυτή τη στιγμή είναι το Firefox 3.6 και παραπάνω. Μπορείτε απλώς να μεταφέρετε και να αποθέσετε τυχόν τύπους (ttf), opentype (otf), κλιμακωτά διανυσματικά γραφικά (svg) ή Web Open Font Format (WOFF) γραμματοσειρές από την επιφάνεια εργασίας στην αριστερή πλευρά της γραμμής και αλλάζει την οικογένεια γραμματοσειρών του κείμενο. Το προεπιλεγμένο κείμενο μπορεί να επεξεργαστεί για να συμπεριλάβει το δικό σας. Μπορείτε να επιλέξετε τις γραμματοσειρές στον αριστερό πίνακα και να παρατηρήσετε τις αλλαγές.

Μέχρι στιγμής εξετάσαμε πέντε ηλεκτρονικές εφαρμογές ιστού που επιτρέπουν την προεπισκόπηση και την επιλογή της σωστής γραμματοσειράς. Εάν ψάχνετε για ένα desktop freeware, πάρτε την ευκαιρία με FontViewOK 5 Εργαλεία για τη σύγκριση των γραμματοσειρών και επιλέξτε τη σωστή γραμματοσειρά για την εργασία σαςΟι γραμματοσειρές και οι γραμματοσειρές είναι γύρω μας. Αν είστε σχεδιαστής ιστοσελίδων, πρέπει να τις επιλέξετε προσεκτικά. Όταν προσπαθούμε να επιλέξουμε μια γραμματοσειρά, κάνουμε αρκετές συγκρίσεις μεταξύ ... Διαβάστε περισσότερα (σημείο 2.15). Πρόκειται για μια εφαρμογή μόνο για Windows και όπως σας λέει η σύντομη κριτική, είναι απλούστερη από τις εφαρμογές ιστού που καλύψαμε παραπάνω.

Είστε ένας σχεδιαστής ιστοσελίδων που χρειάζεται ένα εργαλείο σύγκρισης γραμματοσειρών στο εργαλείο σχεδιασμού ιστοσελίδων του; Ποιες είναι οι άλλες εφαρμογές που σχετίζονται με τη γραμματοσειρά που θα θέλατε να προτείνετε;

Image Credit: Shutterstock