Започваме с леко ощипване на типа лого, но след това преминаваме към добавяне на икони в основната навигация. Когато проектирахме навигацията във Photoshop (Видео # 007), използвахме иконата на шрифта Entypo. Сега ще го използваме и в мрежата.
Провеждаме шрифта чрез Font Squirrel @ font-face generator, който гарантира, че ще получим шрифта във всички формати, от които се нуждаем.
Използвахме CSS3please, за да получим най-добрата / последна версия за това как да използвам @ font-face.
Препращаме тази публикация към CSS-трикове за най-добрия в момента HTML за използване за шрифтове на икони (най-добра семантика, най-добра достъпност). По същество ще бъде така:
Home
Имахме някои странни проблеми с CodeKit, но нищо малко отказване и рестартиране не можа да се справи!