# 015: Добавление значков в навигацию с помощью шрифта Icon - CSS-хитрости

Anonim

Мы начинаем с небольшой настройки типа логотипа, а затем переходим к добавлению значков в основную навигацию. При разработке навигации в Photoshop (видео № 007) мы использовали иконочный шрифт Entypo. Теперь мы будем использовать его и в сети.

Мы запускаем шрифт через генератор Font Squirrel @ font-face, который гарантирует, что мы получим шрифт во всех необходимых нам форматах.

Мы использовали CSS3please, чтобы получить лучшую / последнюю версию того, как использовать @ font-face.

Мы ссылаемся на этот пост в CSS-Tricks о лучшем в настоящее время HTML для использования для шрифтов значков (лучшая семантика, лучшая доступность). По сути, это будет так:

 Home 

У нас были некоторые странные проблемы с CodeKit, но ничего, что немного вышло и перезапустил!