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!