# 007: Icoane de fotografiere și text în navigare - CSS-Tricks

Anonim

Începem să scăpăm textul în navigarea principală, doar pentru a vedea cum se va potrivi, a lucra la dimensionare, a culorilor etc. Unele dintre texturi se potrivesc destul de strâns, dar este OK, vom face loc, mai ales odată ce se transformă în HTML / CSS și ajustările sunt și mai ușoare.

Folosim același Gotham Rounded pentru text. S-ar putea, de asemenea, să continui fontul „Brand” în navigare (ceea ce pare foarte potrivit).

Navigarea „activă” obține pur și simplu o culoare mai închisă și un text inversat.

Ne uităm la fontul meu pictogramă preferat, Pictos, dar decidem să mergem cu Entypo în schimb doar pentru a schimba puțin lucrurile. Iată o grămadă de altele pe care am fi putut să le alegem.

Folosim software-ul Font Explorer X pentru a activa fontul și a-l explora. Facem clic pe „informații” pentru a obține o grilă cu toate caracterele din care să copiem (și să le lipim ușor în Photoshop).

Dosare

  • 07-Entypo.dmg