# 007: Ikon dan Teks Pemotretan ke Navigasi - Trik CSS

Anonim

Kami mulai memasukkan teks ke dalam navigasi utama, hanya untuk melihat bagaimana itu akan pas, mengerjakan ukuran, warna, dll. Beberapa teks cukup pas tapi tidak apa-apa, kita akan memberi ruang, terutama setelah berubah menjadi HTML / CSS dan penyesuaian lebih mudah.

Kami menggunakan Gotham Rounded yang sama untuk teks. Sebaiknya lanjutkan dengan font "Merek" ke navigasi (yang terasa sangat sesuai).

Navigasi "Aktif" hanya mendapatkan warna yang lebih gelap dan teks terbalik.

Kami melihat font ikon favorit saya, Pictos, tetapi memutuskan untuk menggunakan Entypo sebagai gantinya hanya untuk mengubah sedikit. Berikut ini banyak lagi yang bisa kami pilih.

Kami menggunakan perangkat lunak Font Explorer X untuk mengaktifkan font dan menjelajahinya. Kami mengklik "informasi" untuk mendapatkan kisi dari semua karakter yang akan disalin (dan dengan mudah menempelkannya ke Photoshop).

File

  • 07-Entypo.dmg