# 007: Fotogrāfiju veikšanas ikonas un teksts navigācijā - CSS-triki

Anonim

Mēs sākam nomest tekstu galvenajā navigācijā, tikai lai redzētu, kā tas iederēsies, strādājam pie lieluma noteikšanas, krāsām utt. Daži no tekstiem ir diezgan cieši pieguļoši, bet tas ir labi, mēs atbrīvosim vietu, it īpaši, kad tas pārvērtīsies HTML / CSS un pielāgošana ir vēl vienkāršāka.

Mēs tekstam izmantojam to pašu Gotham Rounded. Varētu arī turpināt “Brand” fontu navigācijā (tas šķiet ļoti piemērots).

“Aktīvā” navigācija vienkārši iegūst tumšāku krāsu un apgrieztu tekstu.

Mēs skatāmies uz manu iecienīto ikonu fontu Pictos, bet nolemjam tā vietā doties kopā ar Entypo, lai tikai nedaudz mainītu lietas. Lūk, ķekars vairāk, ko mēs arī būtu varējuši izvēlēties.

Mēs izmantojam programmatūru Font Explorer X, lai aktivizētu fontu un izpētītu to. Mēs noklikšķinām uz “informācija”, lai iegūtu visu rakstzīmju režģi, no kuriem kopēt (un viegli ielīmēt Photoshop).

Faili

  • 07-Entypo.dmg