Corsi on-line

Titillium, un font Open tutto italiano

Titillium è il nome di un libero carattere tipografico concepito all’interno dell’Accademia di Belle Arti di Urbino, si tratta di un font nato grazie ad un progetto didattico del corso di Type design della Laurea specialistica di visual design Campi Visivi; obiettivo del progetto è quello di realizzare collettivamente un font rilasciato sotto licenza Ofl (SIL Open Font License, Version 1.1.) che possa essere  promosso e condiviso attraverso la Rete.

Il rilascio per il libero utilizzo permetterà ai type designers di modificare o rielaborare il font, potranno così essere realizzate delle varianti che dovranno essere messe a loro volta in condivisione rispettando i termini della licenza di rilascio; i Graphic designers e i Web designers che impiegano Titillium nei propri elaborati potranno inviare ai promotori alcune immagini del carattere utilizzato in modo che queste possano rientrare in un apposito database dedicato alle case histories.

Utilizzare Titillium nel proprio progetto Web è molto semplice, basterà sfruttare la proprietà @font-face di CSS; dovrete innanzitutto scaricare il font dal sito ufficiale del progetto o da altri repository che lo dovessero mettere a disposizione, fatto questo dovrete salvare i file in una cartella a vostra scelta (denominata ad esempio “font/”) e richiamarli dal vostro foglio di stile nel modo seguente:

@font-face { font-family: TitilliumTitle20; src: url('font/TitilliumTitle20.otf'); }

Ora si dovrà attribuire il font all’elemento per il quale esso è destinato:

h1 {  color: #395e84;  font-family: "TitilliumTitle20", sans-serif;  }

Nel caso specifico l’esempio mostra come associare il font al tag “<h1>” ma sarà naturalmente possibile utilizzarlo per qualsiasi altro tag delimiti un testo.

Detto questo, tenete conto che @font-face non è supportano nello stesso modo da tutti i browser, quindi il rendering del font potrebbe essere leggermente diverso a seconda del programma che viene utilizzato per navigare su Internet.

Post correlati
  • Anonimo

    nome quantomeno significativo.
    da titillare (accarezzare, eccitare…), cosa titillare lo lascio alla perversa fantasia

I più letti del mese
Tematiche