# 007: Ícones de photoshopping e texto na navegação - CSS-Tricks

Anonim

Começamos soltando o texto na navegação principal, apenas para ver como ele caberá, trabalhar no dimensionamento, cores, etc. Parte do texto está se encaixando bem apertado, mas tudo bem, vamos abrir espaço, especialmente quando se transformar em HTML / CSS e ajustes são ainda mais fáceis.

Usamos o mesmo Gotham Rounded para o texto. Pode muito bem continuar a fonte “Marca” na navegação (isso parece muito apropriado).

A navegação “ativa” simplesmente obtém uma cor mais escura e o texto invertido.

Olhamos para a minha fonte de ícone favorita, Pictos, mas decidimos usar a Entypo em vez disso, apenas para mudar um pouco as coisas. Aqui está um monte de mais que poderíamos ter escolhido.

Usamos o software Font Explorer X para ativar a fonte e explorá-la. Clicamos em “informações” para obter uma grade de todos os personagens dos quais copiar (e colar facilmente no Photoshop).

arquivos

  • 07-Entypo.dmg