# 015: Menambah Ikon ke Navigasi dengan Font Ikon - Trik CSS

Isi kandungan

Kita mulakan dengan mengubah sedikit jenis logo, tetapi kemudian menambah ikon ke dalam navigasi utama. Semasa kami merancang navigasi di Photoshop (Video # 007) kami menggunakan fon ikon Entypo. Sekarang kita akan menggunakannya di web juga.

Kami menjalankan font melalui Font Squirrel @ font-face generator yang memastikan kami akan mendapat font dalam semua format yang kami perlukan.

Kami menggunakan CSS3, sila dapatkan versi terbaik / terkini mengenai cara menggunakan @ font-face.

Kami merujuk siaran ini di CSS-Tricks mengenai HTML terbaik yang sedang digunakan untuk fon ikon (semantik terbaik, kebolehcapaian terbaik). Pada dasarnya, ia akan menjadi seperti ini:

 Home 

Kami mempunyai beberapa masalah pelik dengan CodeKit, tetapi tidak ada yang berhenti dan memulakan semula tidak dapat ditangani!

Artikel menarik...