5 strumenti per confrontare i caratteri tipografici e scegliere il carattere giusto per il tuo lavoro

Nel corso degli anni abbiamo parlato molto dei caratteri. Abbiamo visto come creare i caratteri 2 Strumenti gratuiti per creare il tuo carattere di testo 2 Strumenti gratuiti per creare il tuo font di testo Leggi di più; come scaricare alcuni font gratuiti 5 fonti eccellenti per scaricare font di testo gratuiti 5 fonti eccellenti per scaricare font di testo gratuiti Per saperne di più; e abbiamo anche verificato ciò che il mondo pensa dei caratteri con l'aiuto di un sondaggio. Ma non ci siamo mai seduti e abbiamo parlato della prima cosa che facciamo con i caratteri - confrontarli e vedere quale è giusto per il nostro uso.

Sto usando il termine 'font' qui perché è il termine più usato, anche se l'accurato è - typeface, quando parliamo del suo aspetto. Come ha scritto il Type Designer Norbert Florendo - font è quello che usi e carattere tipografico è quello che vedi. Semantica a parte, quando proviamo a selezionare un carattere, facciamo parecchia comparazione tra i diversi tipi di carattere disponibili. Ecco sette strumenti che potrebbero aiutarti a scegliere il carattere giusto per il tuo lavoro.

Typetester

L'applicazione di font online è progettata principalmente per i web designer che trascorrono moltissimo tempo a ottenere il font giusto per lo schermo. Lo strumento non ti consente solo di selezionare i caratteri da elenchi diversi (elenco di sicurezza sul Web, elenco di Windows, elenco di Mac, elenco di Google) ma ti dà anche alcuni elenchi a discesa con cui giocare e modificare le proprietà del carattere. Puoi inserire il tuo testo di esempio e anche giocare con il colore.

Puoi anche scegliere una varietà di altri caratteri che potrebbero non essere presenti in questi elenchi. Puoi sperimentare sul testo di esempio confrontando tre diversi tipi di carattere contemporaneamente o selezionando un font e personalizzando le proprietà nelle tre colonne. L'applicazione lucida ti offre una vista utile affiancata. (Vedi menzione Directory)

FontComparer

Questo è un altro strumento di confronto dinamico che ti consente di confrontare diversi tipi di carattere web in un colpo d'occhio. La scelta dei caratteri proviene dalla directory dei font di Google e da TypeKit. Puoi digitare il tuo testo e vedere come i caratteri cambiano l'aspetto del titolo e una riga di testo. Quando trovi un font che ti piace, passa il mouse sopra il testo di esempio per creare il “Ottieni font” collegamento visualizzato. Clicca su questo link e il CSS per quel tipo di carattere verrà visualizzato in una cornice ai piedi della pagina web. Puoi copiare e incollare il codice nel tuo codice HTML della tua pagina web. (Vedi menzione Directory)

Font Tester

Font Tester non è visivamente piacevole come la prima app Web sulla nostra lista, ma non si può negare la sua utilità in quanto viene fornito con alcune altre opzioni che consentono di visualizzare in anteprima e scegliere il font giusto. È possibile utilizzare il confronto dei caratteri e controllare tre stili affiancati. Puoi usare il testo predefinito o inserire di nuovo il tuo. Quindi, gioca con le proprietà CSS (incluse tutte quelle correlate ai font) per ottenere l'aspetto giusto che desideri per il tuo web design. Un selettore di colori ti consente di perfezionare ulteriormente l'aspetto. C'è anche una mappa dei caratteri che puoi usare per trovare rapidamente l'entità HTML corrispondente per un particolare personaggio.

Stilista di design

Sperimenta con diversi caratteri tipografici e combinazioni di colori su questo strumento online. Modifica il testo relativo alla copia del corpo e ai titoli e gioca con i colori dello sfondo e del testo del corpo. Il vantaggio è che ti verrà dato un feedback immediato sul fatto che la combinazione scelta soddisfi i consigli del World Wide Web Consortium (W3C).

È possibile impostare la larghezza dell'articolo di esempio insieme alla lunghezza dell'articolo e ai paragrafi. La progettazione per diversi ambienti è inoltre supportata dai suggerimenti immediati di contrasto del colore e accessibilità alla luminosità di W3C e Hewlett Packard.

Carattere Dragr

Questo strumento per il confronto dei caratteri è un'applicazione sperimentale ma interessante di HTML5. Pertanto funzionerà solo nei browser che supportano il nuovo standard. In questo momento è Firefox 3.6 e versioni successive. Puoi semplicemente trascinare e rilasciare qualsiasi tipo di carattere truetype (ttf), opentype (otf), grafica vettoriale scalabile (svg) o Web Open Font Format (WOFF) dal desktop alla barra laterale sinistra e cambia la famiglia di font del testo. Il testo predefinito può essere modificato per includere il proprio. È possibile selezionare i caratteri nel pannello di sinistra e osservare le modifiche.

Finora abbiamo esaminato cinque app Web online che ci hanno permesso di visualizzare l'anteprima e selezionare il carattere corretto. Se invece cerchi un freeware per il desktop, cogli l'occasione con FontViewOK (ver.2.15). È un'app solo per Windows e, come la nostra breve recensione ti dirà, è più semplice delle app web che abbiamo descritto sopra.

Sei un web designer che ha bisogno di uno strumento per confrontare i font nel suo toolkit di web design? Quali sono le altre app relative ai font che vorresti raccomandare?

Immagine di credito: Shutterstock

Scopri di più su: Fonts, Web Design, Sviluppo Web, Strumenti per i Webmaster.