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!