# 007: Photoshopowanie ikon i tekstu w nawigacji - CSS-Tricks

Anonim

Zaczynamy upuszczać tekst do głównej nawigacji, aby zobaczyć, jak będzie pasował, popracować nad rozmiarami, kolorami itp. Część tekstu pasuje dość ciasno, ale to jest OK, zrobimy miejsce, zwłaszcza gdy zmieni się w HTML / CSS i korekty są jeszcze łatwiejsze.

Używamy tego samego zaokrąglenia Gotham w tekście. Równie dobrze można zastosować czcionkę „Marka” w nawigacji (co wydaje się bardzo odpowiednie).

„Aktywna” nawigacja ma po prostu ciemniejszy kolor i odwrócony tekst.

Patrzymy na moją ulubioną czcionkę ikon, Pictos, ale zamiast tego decydujemy się na Entypo, aby trochę zmienić. Oto kilka innych, które mogliśmy również wybrać.

Używamy oprogramowania Font Explorer X do aktywacji czcionki i jej eksploracji. Klikamy „informacje”, aby uzyskać siatkę wszystkich znaków, z których można skopiować (i łatwo wkleić do programu Photoshop).

Akta

  • 07-Entypo.dmg