Home - Corsi di Moda, Grafica e Web Design arrow Approfondimenti arrow Web & Graphic Design Courses arrow Font e caratteri - una guida tecnica per il Web Design
  • English
  • Italian

Font e caratteri - una guida tecnica per il Web Design
There are no translations available

font per il webQuali caratteri utilizzare per il testo di una pagina web ? La risposta è più complessa di quanto si pensi, infatti l'illimitata creatività dei designer e la disponibilità di migliaia di font (più o meno economici o, addirittura gratuiti) induce a credere di potere utilizzare a piacere qualsiasi stile di carattere preferiamo.

In realtà i caratteri di una pagina web sono resi dal client, il computer dell'utente: se il carattere che abbiamo scelto non è presente il testo verrà visualizzato dal carattere di default con la perdita dell'effetto che vogliamo realizzare.

La lista dei caratteri utilizzabili è molto più breve di quanto possiamo immaginare: riporto, dal bel sito di tipografia della microsoft l'elenco dei "core fonts" - quelli base che buona parte dei computer (e in particolare quelli che hanno installato i sistemi operativi Windows e Mac) sono in grdo di visualizzare.

Ecco la lista dei caratteri utilizzabili con relativa sicurezza nelle nostre pagine web.

  • Andale Mono
  • Arial
  • Arial Black
  • Comic Sans MS
  • Courier New
  • Georgia
  • Impact
  • Times New Roman
  • Trebuchet MS
  • Verdana

fonte http://www.microsoft.com/typography/default.mspx

Ogni carattere ha un suo particolare uso e dà un distintivo look ad una pagina. Anche senza andare in dettagli è evidente che non verrà preso molto sul serio il sito che affermoi la propria "mission" utilizzando il comic sans ...

In questo secondo elenco, elaborato dal sito citato, riporto le famiglie di font (utilizzabili nella proprietà Font-Family nei CSS o da settare in Dreamweaver) che offrono un po' di libertà in più al Web Designer- Sono riportate le famiglie di caratteri in modo che i Mac riproducano l'eventuale font corrispondente e anche nei computer dove questi caratteri non ci sono i testi "degradino" con coerenza.

  • Arial, Helvetica, sans-serif
  • 'Arial Black', Gadget, sans-serif
  • 'Comic Sans MS', cursive
  • 'Courier New', Courier, monospace
  • Impact, Charcoal, sans-serif
  • 'Lucida Console', Monaco, monospace
  • 'Lucida Sans Unicode', 'Lucida Grande', sans-serif
  • 'Palatino Linotype', 'Book Antiqua', Palatino, serif
  • Tahoma, Geneva, sans-serif
  • 'Times New Roman', Times, serif
  • 'Trebuchet MS', Helvetica, sans-serif
  • Verdana, Geneva, sans-serif

fonte: http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

Titoli, loghi e caratteri non presenti in questo elenco potranno essere resi nella nostra pagina web solo realizzando immagini nei consueti formati (jpg, png e gif).

Una serie di collegamenti utili:

come trovare il nome di un font di cui abbiamo solo un'immagine o una stampa ? ci viene in soccorso il sito What The Font, basta uploadare l'immagine e il sito ci propone il nome del font che cerchiamo.

La maggior parte delle proposte saranno ovviamente di font commerciali, ma, in genere, basta sapere il nome del font che ci interessa per trovare alternative economiche e/o gratuite magari non di grandissima qualità (ricordo che per applicazioni video non è necessaria la stessa "qualità" grafica obbligatoria per la stampa)

Ma cosa c'è dietro la creazione dei font, l'attività che ha reso celebri grandi designer è che è ritenuta una delle più difficili applicazioni del talento grafico ? Per avere un'idea segnalo, sempre nel bel sito di Microsoft questa pagina sulla tecnica di realizzazione dei caratteri e questo bel blog sulla tipografia (entrambi i link vanno a pagine in inglese)

I due siti di riferimento per scaricare font freeware e gratuiti sono Urban Fonts e DaFont

Il software che consiglio ai grafici e fotoscioppisti che vogliano gestire centinaia (se non migliaia) di font su un pc windows è il piccolo ma sempre efficace The Font Thing, scaricabile da download.com

 

 
< Prev   Next >

Valid XHTML 1.0 Transitional Valid CSS!

page hit counter