# 007: Photoshoppingové ikony a text do navigace - Triky CSS

Anonim

Začneme vkládat text do hlavní navigace, abychom viděli, jak se bude hodit, pracovat na dimenzování, barvách atd. Některý text padne docela těsně, ale to je v pořádku, uděláme místo, zvláště jakmile se změní na HTML / CSS a úpravy jsou ještě jednodušší.

Pro text používáme stejný Gotham Rounded. Může také pokračovat písmo „Brand“ do navigace (to je velmi vhodné).

„Aktivní“ navigace jednoduše získá tmavší barvu a obrácený text.

Podíváme se na mé oblíbené ikonové písmo, Pictos, ale místo toho se rozhodneme jít s Entypo, jen trochu změnit věci. Tady je spousta dalších, které jsme si také mohli vybrat.

K aktivaci písma a jeho prozkoumání používáme software Font Explorer X. Kliknutím na „informace“ zobrazíme mřížku všech znaků, ze kterých se má kopírovat (a snadno vložit do Photoshopu).

Soubory

  • 07-Entypo.dmg