# 007: Икони за фотошопиране и текст в навигация - CSS-трикове

Anonim

Започваме да пускаме текста в основната навигация, само за да видим как ще се побере, да работим върху оразмеряването, цветовете и др. / CSS и корекциите са още по-лесни.

Използваме същия Gotham Rounded за текста. Може също така да продължите шрифта “Brand” в навигацията (това се чувства много подходящо).

„Активната“ навигация просто получава по-тъмен цвят и обърнат текст.

Разглеждаме любимия ми шрифт на икони, Pictos, но вместо това решаваме да отидем с Entypo, само за да сменим малко нещата. Ето още куп други, които също бихме могли да изберем.

Използваме софтуера Font Explorer X, за да активираме шрифта и да го изследваме. Щракваме върху „информация“, за да получим мрежа от всички знаци, от които да копираме (и лесно да ги поставим във Photoshop).

Файлове

  • 07-Entypo.dmg