# 015: Thêm Biểu tượng vào Điều hướng với Phông chữ Biểu tượng - Thủ thuật CSS

Mục lục

Chúng tôi bắt đầu bằng cách điều chỉnh loại logo một chút, nhưng sau đó chuyển sang thêm các biểu tượng vào điều hướng chính. Khi chúng tôi thiết kế điều hướng trong Photoshop (Video # 007), chúng tôi sử dụng phông chữ biểu tượng Entypo. Bây giờ chúng tôi cũng sẽ sử dụng nó trên web.

Chúng tôi chạy phông chữ thông qua trình tạo Font Squirrel @ font-face, đảm bảo chúng tôi sẽ nhận được phông chữ ở tất cả các định dạng mà chúng tôi cần.

Chúng tôi đã sử dụng CSS3please để có phiên bản tốt nhất / mới nhất về cách sử dụng @ font-face.

Chúng tôi tham khảo bài đăng này trên CSS-Tricks về HTML tốt nhất hiện tại để sử dụng cho các phông chữ biểu tượng (ngữ nghĩa tốt nhất, khả năng truy cập tốt nhất). Về cơ bản, nó sẽ như thế này:

 Home 

Chúng tôi đã gặp một số vấn đề kỳ lạ với CodeKit, nhưng việc thoát và khởi động lại không thể xử lý được!

thú vị bài viết...