# 015: Додавання піктограм до навігації за допомогою піктограми - CSS-хитрощі

Зміст

Ми починаємо з того, що трохи підправляємо тип логотипу, але потім переходимо до додавання піктограм в основну навігацію. Коли ми розробляли навігацію у Photoshop (Відео # 007), ми використовували піктограму Entypo. Тепер ми будемо використовувати його і в Інтернеті.

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

Ми використовували CSS3please, щоб отримати найкращу / останню версію того, як використовувати @ font-face.

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

 Home 

У нас були якісь дивні проблеми з CodeKit, але нічого, що було трохи закрито та перезапущено, не вдалося впоратись!

Цікаві статті...