# 015: Adicionando ícones à navegação com uma fonte de ícone - CSS-Tricks

Índice

Começamos ajustando um pouco o tipo do logotipo, mas depois adicionamos ícones ao painel de navegação principal. Quando estávamos projetando a navegação no Photoshop (Vídeo # 007), usamos a fonte de ícone Entypo. Agora também o usaremos na web.

Executamos a fonte por meio do gerador Font Squirrel @ font-face, que garante que obteremos a fonte em todos os formatos de que precisaremos.

Usamos CSS3 por favor para obter a melhor / mais recente versão de como usar @ font-face.

Fazemos referência a esta postagem em CSS-Tricks sobre o melhor HTML atualmente para usar em fontes de ícone (melhor semântica, melhor acessibilidade). Essencialmente, será assim:

 Home 

Tivemos alguns problemas estranhos com o CodeKit, mas nada que um pouco sair e reiniciar não pudesse resolver!

Artigos interessantes...