# 015: Pridávanie ikon do navigácie pomocou ikonového písma - Triky CSS

Obsah

Začneme tým, že trochu upravíme typ loga, ale potom skočíme na pridávanie ikon do hlavnej navigácie. Keď sme navrhovali navigáciu vo Photoshope (Video # 007), použili sme ikonové písmo Entypo. Teraz to použijeme aj na webe.

Písmo spustíme pomocou generátora Font Squirrel @ font-face, ktorý zabezpečí, že dostaneme písmo vo všetkých formátoch, ktoré potrebujeme.

Použili sme CSS3please, aby sme získali najlepšiu / najnovšiu verziu spôsobu používania @ font-face.

Odkazujeme na tento príspevok v trikoch CSS o momentálne najlepšom HTML, ktoré sa dá použiť pre ikonové písma (najlepšia sémantika, najlepšia dostupnosť). V podstate to bude takto:

 Home 

S programom CodeKit sme mali niekoľko podivných problémov, ale nič, čo by trochu ukončilo a reštartovalo, sme nedokázali zvládnuť!

Zaujímavé články...