Follow me on Twitter Facebook Flickr Subscribe Feeds
 

June 22nd, 2010  |  CSS, Font 11 Comments »

Font-Embedding Icons: realizzare le icone del menu senza usare immagini

Nell’articolo di oggi vedremo un piccolo trucchetto che sfrutta le potenzialità del CSS3 e soprattutto della regola font-face che ci permetterà di realizzare le icone di un menu senza utilizzare immagini ma solo testo.

Vediamo innanzitutto l’idea alla base del tutorial. Utilizzare la regola @font-face ci consente di utilizzare font non standard all’interno delle nostre pagine web e, con apposite regole, di rendere compatibili questi font a tutti i browser (IE6 compreso). Utilizzando font appositi possiamo quindi sfruttare questa proprietà per evitare l’utilizzo di icone in formato immagine.

Questa tecnica consente di sfruttare molteplici vantaggi, come ad esempio la riduzione di richieste HTTP, la possibilità di personalizzare le dimensioni delle icone  e tante altre. Vediamo insieme di cosa abbiamo bisogno.

Read more →

May 20th, 2010  |  CSS, Font, javascript 4 Comments »

Google Font API: includere facilmente font non standard nei nostri progetti

Una bella notizia per tutti coloro che hanno l’esigenza di utilizzare Font non standard all’interno di pagine web e non vogliono ammattire da soli con il @fontface e con il supporto dei font di Internet Explorer.

Google ha infatti rilasciato una nuova API che consente di utilizzare facilmente font non standard contenuti all’interno del suo repository richiamando semplicemente un file Javascript. Tale script trasforma automaticamente il test attraverso il font-face senza bisogno di ulteriori azioni da compiere.

Read more →

April 12th, 2010  |  Font No Comments »

Font of the Week #25

Buon inizio di settimana a tutti. Come di consueto anche questa settimana inizia con un font consigliato. Questa settimana abbandoniamo lo stile grunge per dedicarci ad un carattere in stile serif.

Il font si chiama Yagut ed è consigliato per tutti i tipi di progetti, sia tipografici che per il web.

La mappa dei caratteri è la seguente:

Read more →

March 29th, 2010  |  Font No Comments »

Font of the Week #24

Buon inizio di settimana a tutti! Nuovo appuntamento con il font della settimana. Quasi di consueto presento un font in stile grunge e, nemmeno stavolta posso esimermi dopo aver visto quello di oggi.

Il font si chiama Masterplan ed è rilasciato in versione free per uso personale.

La mappa dei caratteri è la seguente:

Read more →

March 22nd, 2010  |  Font No Comments »

Font of the Week #23

Dopo qualche settimana di assenza torno a scrivere nelle pagine di questo blog con un nuovo appuntamento di Font of the Week. Il carattere di questa settimana è adatto, come lo stesso autore consiglia, per progetti artistici e “pop art” o in progetti che coinvolgono azione ed emozioni. Il font si chiama Action of the Time ed è rilasciato da Galdino Otten.
Read more →