# 015: Lägga till ikoner i navigeringen med ett ikonfont - CSS-tricks

Innehållsförteckning

Vi börjar med att justera logotypen lite, men hoppa sedan över att lägga till ikoner i huvudnav. När vi utformade navigeringen i Photoshop (Video # 007) använde vi teckensnittet Entypo. Nu använder vi det också på webben.

Vi kör teckensnittet genom Font Squirrel @ font-face generator som säkerställer att vi får teckensnittet i alla format vi behöver.

Vi använde CSS3please för att få den bästa / senaste versionen av hur man använder @ font-face.

Vi hänvisar till det här inlägget på CSS-Tricks om den bästa HTML som för närvarande används för ikonfonter (bästa semantik, bästa tillgänglighet). I huvudsak kommer det att vara så här:

 Home 

Vi hade några konstiga problem med CodeKit, men ingenting lite att sluta och starta om kunde inte hantera!

Intressanta artiklar...