Strumenti in rete per lo sviluppo web: font e tipografia

Un lavoro di successo nel campo del web design non può prescindere da un buon uso del font e da accurate scelte nel campo della tipografia. Selezionare un buon carattere tipografico e dosare forme e proporzioni del font utilizzato può contribuire ad una migliore leggibilità dei testi e ad una resa visiva armoniosa ed efficace.

La rete ci viene incontro con una serie di strumenti on line e di siti che ci permettono di fare le scelte più appropriate in relazione al tipo di progetto che stiamo realizzando:

Selezioni di font

• 80 Beautiful Typefaces for Professional Design
  una selezione di 80 font efficaci per il web fatta dalla rivista on line Smashing Magazine
• 40+ Free Fonts for Professional Design
  sempre dalla rivista Smashing Magazine più di 40 font scaricabili gratuitamente
• 30 Fonts that All Designers Must Own
  i 30 font che ogni designer dovrebbe possedere selezionati da Just Creative Design
• Great Fonts for Web 2.0
  vi piace il web 2.0? ecco alcuni font utilizzati sui principali siti web 2.0

Risorse gratuite dove scaricare font

• Dafont
  uno dei siti più popolari dove scaricare font gratuitamente
• Better Font
  con una sezione deidicata ai font scricabili gratuitamente
• Fawnt
  9.348 font gratuiti
• Abstract Fonts
  oltre 10.000 font gratuiti
• Free Mac Fonts
  oltre 6.000 fonts per gli utenti Mac
• Fonts 500
  i 500 font considerati al top per il web design
• 1001 Free Fonts
  con una buona categorizzazione per la ricerca del font desiderato

Strumenti on line per la tipografia

Strumenti che consentono di visualizzare la resa tipografica di un font e di compararla con altri font, alcuni danno la possibilità di scaricare il codice html/css

• Font Tester
• TypeTester
• CSSTYPE
• Designer Plaything
  questo strumento open source, in versione sia on line che stand alone,  consente di gestire e comparare anche il colore di sfondo e il colore del font tipografico

Altri strumenti utili:

• Em Calculator
  consente di trasformare unità di misura da pixel in em
• Lorem Ipsum
  genera il famoso testo “lorem ipsum…” da usare come testo riempitivo nei vostri prototipi
• Dummy lipsum
  altro generatore di “lorem ipsum…” integrato in Firefox
• What the Font?
  date in pasto un’immagine con una scritta e viene decodificato il tipo di font utilizzato

E ora un po’ di leggerezza

• FONTPARK 2.0 | MORISAWA guardate come si può essere creativi con i caratteri tipografici, in particolar modo quelli giapponesi: esplorate e giocate in maniera creativa su questo sito, non c’entra nulla con la tipografia applicata al web ma può essere un ottimo strumento per un momento di relax