# 015: Добавяне на икони към навигацията с иконен шрифт - CSS-трикове

Съдържание

Започваме с леко ощипване на типа лого, но след това преминаваме към добавяне на икони в основната навигация. Когато проектирахме навигацията във Photoshop (Видео # 007), използвахме иконата на шрифта Entypo. Сега ще го използваме и в мрежата.

Провеждаме шрифта чрез Font Squirrel @ font-face generator, който гарантира, че ще получим шрифта във всички формати, от които се нуждаем.

Използвахме CSS3please, за да получим най-добрата / последна версия за това как да използвам @ font-face.

Препращаме тази публикация към CSS-трикове за най-добрия в момента HTML за използване за шрифтове на икони (най-добра семантика, най-добра достъпност). По същество ще бъде така:

 Home 

Имахме някои странни проблеми с CodeKit, но нищо малко отказване и рестартиране не можа да се справи!

Интересни статии...