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!