Мы начинаем с небольшой настройки типа логотипа, а затем переходим к добавлению значков в основную навигацию. При разработке навигации в Photoshop (видео № 007) мы использовали иконочный шрифт Entypo. Теперь мы будем использовать его и в сети.
Мы запускаем шрифт через генератор Font Squirrel @ font-face, который гарантирует, что мы получим шрифт во всех необходимых нам форматах.
Мы использовали CSS3please, чтобы получить лучшую / последнюю версию того, как использовать @ font-face.
Мы ссылаемся на этот пост в CSS-Tricks о лучшем в настоящее время HTML для использования для шрифтов значков (лучшая семантика, лучшая доступность). По сути, это будет так:
Home
У нас были некоторые странные проблемы с CodeKit, но ничего, что немного вышло и перезапустил!