Q-design » font

Come riconoscere i font utilizzati

Ren — Mon, 18 Oct 2010 14:45:35 +0000

Praticamente qualsiasi designer, sia esso alle prime armi o esperto della materia, ha cercato di comprendere quale fosse il carattere utilizzato in un particolare lavoro.
I font (caratteri) sono centinaia di migliaia e nessuno può conoscerli tutti.

Per cui ci sono due soluzioni: o si resta con il quesito irrisolto oppure si può provare ad utilizzare un servizio online che promette di riconoscere il font al posto nostro. Con una buona probabilità di riuscita, a patto che il file di partenza sia di buona qualità.

Da molti anni è attivo il sito internet What The Font mentre adesso - dopo aver cambiato nome - si affaccia alla ribalta del web anche What Font Is.

What The Font

WhatTheFont è il capostipite di questo genere di servizio. Attivo da molti anni, ha un database immenso di font tra cui cercare.
Una volta caricata un'immagine di buona qualità - la cui altezza ottimale è pari a 100 pixel - WhatTheFont ci farà scrivere le lettere che la compongono. Dopo aver dato l'invio alla ricerca, WhatTheFont scansionerà il suo database per valutare se il font è presente oppure se ne esiste qualcuno simile.
I risultati mostrano tutti i vari font che il programma ritiene siano simili a quello cercato. Qualora nessuno di essi fosse quello corretto, è sempre possibile chiedere aiuto all'interno del forum di WhatTheFont.

What Font Is

WhatFontIs è un servizio simile al più "anziano" WhatTheFont. Prima si chiamava IdentifyFonts, da poco ha cambiato nome ma ha mantenuto la stessa impostazione grafica.
I passaggi da compiere per il riconoscimento dei font sono gli stessi illustrati sopra: inserimento immagine, scrivere quanto riportato nell'immagine e attendere i risultati.
Una particolarità presente in WhatFontIs è la possibilità di scegliere se ottenere come risultati solamente font gratuiti, in modo da non essere costretti ad acquistare regolarmente un font.
Anche su questo sito è presente un forum dove sottoporre i font che WhatFontIs non ha riconosciuto.

Google Font Directory rende il web più bello

Ren — Thu, 27 May 2010 11:21:07 +0000

Google ha annunciato sul proprio blog la creazione di due nuovi servizi che permetteranno ai web designer di inserire all'interno delle proprie pagine alcuni font di alta qualità:

Esistevano già servizi simili sul web, ad esempio Typekit, ma Google ha il vantaggio di fornire i font gratuitamente, permettendone l'inclusione nelle pagine tramite le Google Font API.

I caratteri messi a disposizione da Google supportano le proprietà di CSS3 e di HTML5, come la rotazione e l'aggiunta di ombre.

Naturalmente i vantaggi nell'adottare questa tecnica sono molteplici. Ad esempio i font inseriti sono tutti OpenSource, quindi sono liberamente utilizzabili, mentre si avrà un notevole risparmio di banda perché i font verranno scaricati utilizzando la banda di Google e non quella del tuo server.

Per inserire i caratteri all'interno del sito Internet, occorre seguire alcuni semplici passi.

Passo 1: scelta del font

Collegati al sito Google Font Directory. Troverai l'elenco dei font disponibili. Al momento Google mette a disposizione 18 font di alta qualità.

Passo 2: incorporazione del font

Dopo aver scelto il font (in questo caso utilizziamo lo Yanone Kaffeesatz), bisogna cliccare su "Get the code".

Verrà mostrato il codice per incorporare il font nel proprio sito Internet. Basta copiare la riga all'interno dell'Head del sito e il font sarà subito disponibile.

In questo caso, il codice fornito è il seguente:

Ma, attenzione, questo codice serve solo a inserire nel proprio sito solo lo Yanone Kaffeesatz regular. Per caricare sul sito anche le altre versioni del carattere, occorre inserire il codice che Google fornisce Font variants and advanced techniques (Varianti font e tecniche avanzate), ossia:

Naturalmente, per ridurre i tempi di caricamento del font, inserite solamente le varianti ritenute necessarie.

Passo 3: uso del font nella pagina

Una volta caricato il font prescelto, bisogna modificare il foglio di stile Css.

Ad esempio, per trasformare in Yanone Kaffesatze tutto il testo contenuto nei tag

, bisogna modificare in questo modo la classe:

h2 { font-family: 'Yanone Kaffeesatz', arial, sans-serif; }

Quindi i passaggi per rendere più bello il sito Internet sono semplici e molto veloci.

All'interno della documentazione di Google Font API è possibile leggere quali sono i browser supportati al momento. La tecnica non è compatibile con Opera, iPhone, iPad, iPod o Android.

Font Conference: guerra tra font

Ren — Fri, 19 Sep 2008 09:00:20 +0000

Uno spassoso video, con l'incarnazione dei differenti font che tutti noi troviamo sui computer.

Il cattivo, Ransom, rapisce il più famoso Courier, proprio durante la riunione nel corso della quale i Font devono decidere se ammettere lo Zapf Dingbats tra di loro...

Certo, il Courier New non sembra prendersela troppo per l'eventuale, tragico, esito.

Ma è in arrivo il "super-font-eroe", purtroppo impersonato dal Comic Sans, a risolvere tutto.

L'unica pecca è la parlata troppo teutonica da parte del font italiano, il Rage italic, per non parlare del suo abbigliamento...

Ottime le trasposizioni dei caratteri, con una futuristica Futura, un impeccabile Times New Roman, un "abbondante" Wide Latin ed un Windings completamente fuori di testa che parla per icone

Assolutamente da vedere!

Gioca con i caratteri

Ren — Fri, 02 May 2008 09:58:27 +0000

Sei appassionato di caratteri? Conosci perfettamente la differenza tra Bodoni e Futura? Se pensi di essere ferrato nella conoscenza dei caratteri tipografici e dei loro nomi prova questo semplicissimo test.

Ti verranno mostrati 34 caratteri "random", provenienti da un largo database. Per ognuno avrai quattro diverse possibilità di risposta. Alcuni caratteri sono oggettivamente "poco conosciuti", ma ti permetteranno di vedere altre possibilità di lettering per qualsiasi progetto grafico tu stia realizzando.

In bocca al... font!