# 007: Photoshoppingové ikony a text do navigácie Triky CSS

Anonim

Text začneme púšťať do hlavnej navigácie, len aby sme videli, ako sa zmestí, pracujeme na jeho dimenzovaní, farbách atď. Niektorý text padne pekne priliehavo, ale to je v poriadku, urobíme priestor, hlavne keď sa zmení na HTML / CSS a úpravy sú ešte jednoduchšie.

Pre text používame rovnaký Gotham Rounded. Rovnako by ste mohli pokračovať do písma „Značka“ v navigácii (to je veľmi vhodné).

„Aktívna“ navigácia jednoducho získa tmavšiu farbu a obrátený text.

Pozeráme sa na moje obľúbené ikonové písmo, Pictos, ale rozhodli sme sa radšej ísť s Entypom, len aby sa veci trochu zmenili. Tu je kopa ďalších, ktoré sme si tiež mohli zvoliť.

Na aktiváciu písma a jeho preskúmanie používame softvér Font Explorer X. Kliknutím na „informácie“ získate mriežku všetkých znakov, z ktorých chcete kopírovať (a ľahko ich vložiť do aplikácie Photoshop).

Súbory

  • 07-Entypo.dmg