# 007: Photoshop piktogramos ir tekstas į navigaciją - CSS-gudrybės

Anonim

Mes pradedame mesti tekstą į pagrindinę naršymo funkciją, kad sužinotume, kaip jis tiks, dirbame pagal dydį, spalvas ir kt. / CSS ir koregavimas yra dar lengvesnis.

Tekstui naudojame tą patį „Gotham Rounded“. Gali taip pat tęsti „Brand“ šriftą navigacijoje (tai atrodo labai tinkama).

„Aktyvi“ navigacija tiesiog įgauna tamsesnę spalvą ir atvirkštinį tekstą.

Mes žiūrime į mano mėgstamą piktogramos šriftą „Pictos“, tačiau nusprendžiame eiti su „Entypo“, kad tik šiek tiek pakeistumėte dalykus. Štai dar krūva, ką mes taip pat galėjome pasirinkti.

Norėdami suaktyvinti šriftą ir jį tyrinėti, naudojame programinę įrangą „Font Explorer X“. Spustelėkite „informacija“, kad gautume visų simbolių, iš kurių galite kopijuoti (ir lengvai įklijuoti į „Photoshop“), tinklelį.

Failai

  • 07-Entypo.dmg