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