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

blog comments powered by Disqus