# 015: Legge til ikoner i navigasjonen med en ikonfont - CSS-triks

Innholdsfortegnelse

Vi starter med å tilpasse logotypen litt, men hopper deretter til å legge til ikoner i hovednavnet. Da vi utformet navigasjonen i Photoshop (Video # 007), brukte vi ikonfonten Entypo. Nå bruker vi den også på nettet.

Vi kjører skriften gjennom Font Squirrel @ font-face generator som sikrer at vi får skriften i alle formatene vi trenger.

Vi brukte CSS3please for å få den beste / siste versjonen av hvordan du bruker @ font-face.

Vi refererer til dette innlegget på CSS-triks om den beste HTML-verdien for øyeblikket for ikonfonter (beste semantikk, best tilgjengelighet). I hovedsak vil det være slik:

 Home 

Vi hadde noen rare problemer med CodeKit, men det var ikke noe å slutte og starte på nytt.

Interessante artikler...