Oggi vi presentiamo questo fantastico font gratuito Zero and Zero, ideale per le vostre creazioni in perfetto stile “Grunge”. Buon download!
Il font e’ disponibile in versione @font face per essere facilmente usata nei vostri progetti web. Ecco un breve mini-tutorial per aggiungere il font attraverso questo (nuovo) e innovativo sistema.
Strutturiamo l’html con un tag di heading <h1>:
<h1>FONT-FACE DEMO FOR THE ZERO & ZERO IS FONT</h1>
Nel foglio di stile definiamo la proprietà @font-face facendola “puntare” alla cartella contenente il font scompattato:
@font-face {
font-family: 'ZeroZeroIsRegular';
src: url('zero_and_zero_is-webfont.eot');
src: url('zero_and_zero_is-webfont.eot?#iefix') format('embedded-opentype'),
url('zero_and_zero_is-webfont.woff') format('woff'),
url('zero_and_zero_is-webfont.ttf') format('truetype'),
url('zero_and_zero_is-webfont.svg#ZeroZeroIsRegular') format('svg');
font-weight: normal;
font-style: normal;
}
Nel pacchetto vengono inclusi tutti i file necessari affinchè il font sia compatibile con tutti i browser (Anche IE). Grazie alla versione svg viene garantita anche la compatibilità con i dispositivi mobili.
Per poter usare il font, sempre nei css, associamo il font alla classe, (nel nostro esempio la classe h1), in questo modo:
h1{font-family:'ZeroZeroIsRegular', Arial, sans-serif;}
Ecco fatto! ora la nostra intestazione ha il magnifico font grunge Zero and Zero!
Potete scaricare il pacchetto del font grunge gratis cliccando qui. Ricordate che se volete usare il font con Photoshop dovete mettere il file .ttf in C:Windows:Fonts.
Buon Download!
