Q-design » design

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.

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!

Google Font Directory rende il web più bello

Inaugurato il Triennale Design Museum a Milano

Ren — Thu, 06 Dec 2007 20:17:30 +0000

Inaugura il Triennale Design Museum di Milano: nasce un museo dinamico, capace di rinnovarsi e di offrirsi sempre con visioni rinnovate. L'ordinamento scientifico sposa l'approccio emozionale per proporre al visitatore un'esperienza coinvolgente e tale da innescare il desiderio di ripeterla altre volte.

A caratterizzare il progetto architettonico, di sistemazione e adeguamento di Michele De Lucchi è l'ingresso attraverso un ponte che permette al museo di essere al contempo all'interno della Triennale e corpo autonomo e visibile nella sua funzione. E' proprio questo dualismo, sviluppato insieme al concetto di unicità, a rendere il Triennale Design Museum di Milano un luogo particolare. Da una parte, infatti, si sviluppa in un'ampia ricerca scientifica che racconta e rappresenta la storia del design italiano attraverso diverse chiavi di lettura, storie, prospettive, approcci e che affronta per la prima edizione del museo il tema ''Che cos'è il design italiano?'', da un'idea di Italo Rota (Museum Eshibition Designer) con Silvana Annicchiarico e Andrea Branzi.

Dall'altra il museo propone uno spazio dove alcuni aspetti del tema avranno un approfondimento affidato di volta in volta a differenti curatori. I focus già individuati sono: dall'aprile 2009 ''La legione straniera''; ''L'Editoria del design''; ''I Materiali autarchici''; ''Le gallerie d'arte e di design''. La storia del Design Italiano sarà poi presentata non solo attraverso un paesaggio domestico di oggetti, ma anche attraverso un contributo filmico-architettonico di Peter Greenaway (Ouverture. Fiato alle trombe! 2000 anni di creatività italiana) e di registi italiani che interpreteranno le ossessioni del design Italiano. Al percorso si aggiunge un Teatro Agorà, uno spazio interamente realizzato in legno dove si svolgono dibattiti, convegni, presentazioni, eventi e performance artistiche.

Triennale Design Museum si distingue anche per la presenza di un Laboratorio di Restauro. Un centro dedicato alla ''memoria della modernità'', ma anche alla sperimentazione di nuove tecnologie, con l'ambizione di diventare un punto di riferimento internazionale per la complessa questione del recupero e della conservazione degli oggetti e dei materiali contemporanei. A dirigere Triennale Design Museum è stata chiamata Silvana Annicchiarico che da 9 anni è il Conservatore della Collezione Permanente del Design Italiano della Triennale di Milano e che da 6 anni è responsabile del Settore Design della Triennale.

Tratto da Jugo