Začneme tím, že trochu upravíme typ loga, ale pak skočíme do přidávání ikon do hlavní navigace. Když jsme navrhovali navigaci ve Photoshopu (Video # 007), použili jsme ikonové písmo Entypo. Nyní to použijeme také na webu.
Písmo spustíme pomocí generátoru písem Squirrel @ font-face, který zajistí, že získáme písmo ve všech formátech, které potřebujeme.
Použili jsme CSS3please k získání nejlepší / nejnovější verze, jak používat @ font-face.
Odkazujeme na tento příspěvek na CSS-Tricks o aktuálně nejlepším HTML, který lze použít pro ikonová písma (nejlepší sémantika, nejlepší přístupnost). V zásadě to bude takto:
Home
S CodeKit jsme měli nějaké podivné problémy, ale nic, co by trochu ukončilo a restartovalo, nemohlo zvládnout!