# 007: Значки фотошопінгу та текст у навігацію - CSS-хитрощі

Anonim

Ми починаємо опускати текст в основну навігацію, просто щоб побачити, як він буде відповідати, працювати над розмірами, кольорами і т. Д. Частина тексту досить щільно прилягає, але це нормально, ми звільнимо місце, особливо коли він перетвориться на HTML / CSS і коригування ще простіше.

Для тексту ми використовуємо той самий Gotham Rounded. Можна також продовжити шрифт "Brand" у навігації (це дуже доречно).

"Активна" навігація просто отримує темніший колір і зворотний текст.

Ми розглядаємо мій улюблений шрифт піктограм, Піктос, але вирішили піти з Entypo, аби просто трохи змінити ситуацію. Ось ще купа, яку ми могли б також вибрати.

Ми використовуємо програмне забезпечення Font Explorer X, щоб активувати шрифт і дослідити його. Ми натискаємо «інформація», щоб отримати сітку з усіх символів, з яких можна скопіювати (і легко вставити їх у Photoshop).

Файли

  • 07-Entypo.dmg