# 015: Dodawanie ikon do nawigacji za pomocą czcionki ikony - CSS-Tricks

Spisie treści

Zaczynamy od nieco poprawienia typu logo, a następnie wskakujemy do dodawania ikon do głównej nawigacji. Podczas projektowania nawigacji w programie Photoshop (wideo # 007) używaliśmy czcionki ikon Entypo. Teraz będziemy go również używać w sieci.

Uruchamiamy czcionkę za pośrednictwem generatora Font Squirrel @ font-face, który zapewnia, że ​​otrzymamy czcionkę we wszystkich potrzebnych formatach.

Użyliśmy CSS3please, aby uzyskać najlepszą / najnowszą wersję sposobu używania @ font-face.

Odnosimy się do tego posta w CSS-Tricks o aktualnie najlepszym HTML do użycia z czcionkami ikon (najlepsza semantyka, najlepsza dostępność). Zasadniczo będzie to wyglądać tak:

 Home 

Mieliśmy trochę dziwnych problemów z CodeKit, ale nic, porzucenie i ponowne uruchomienie nie mogło sobie z nimi poradzić!

Interesujące artykuły...