# 007: Photoshopping-ikoner og tekst til navigering - CSS-triks

Anonim

Vi begynner å slippe teksten i hovednavigasjonen, bare for å se hvordan den vil passe, jobbe med størrelsen, farger osv. Noe av teksten passer ganske stramt, men det er OK, vi får plass, spesielt når den blir til HTML / CSS og justeringer er enda enklere.

Vi bruker den samme Gotham Rounded for teksten. Kan like godt fortsette "Brand" -fonten til navigering (det føles veldig passende).

"Aktiv" navigering får ganske enkelt en mørkere farge og omvendt tekst.

Vi ser på min favorittikonfont, Pictos, men bestemmer oss for å gå med Entypo i stedet for bare å bytte opp ting litt. Her er en haug med flere vi også kunne valgt.

Vi bruker programvaren Font Explorer X for å aktivere skriften og utforske den. Vi klikker på “informasjon” for å få et rutenett med alle tegnene du kan kopiere fra (og enkelt lime inn i Photoshop).

Filer

  • 07-Entypo.dmg