# 015: Aggiunta di icone alla navigazione con un carattere icona - Trucchi CSS

Sommario

Iniziamo modificando un po 'il tipo di logo, ma poi passiamo all'aggiunta di icone nel menu di navigazione principale. Quando stavamo progettando la navigazione in Photoshop (Video # 007) abbiamo utilizzato il carattere dell'icona Entypo. Ora lo useremo anche sul web.

Eseguiamo il font tramite Font Squirrel @ font-face generator che garantisce che avremo il font in tutti i formati di cui avremo bisogno.

Abbiamo utilizzato CSS3please per ottenere la versione migliore / più recente di come utilizzare @ font-face.

Facciamo riferimento a questo post su CSS-Tricks sull'HTML attualmente migliore da utilizzare per i caratteri delle icone (migliore semantica, migliore accessibilità). In sostanza, sarà così:

 Home 

Abbiamo avuto alcuni strani problemi con CodeKit, ma non è stato possibile gestire nulla di un po 'di chiusura e riavvio!

Articoli interessanti...