# 015: Ajout d'icônes à la navigation avec une police d'icônes - Astuces CSS

Table des matières

Nous commençons par peaufiner un peu le type de logo, puis passons à l'ajout d'icônes dans la navigation principale. Lors de la conception de la navigation dans Photoshop (vidéo n ° 007), nous avons utilisé la police d'icônes Entypo. Nous allons maintenant l'utiliser également sur le Web.

Nous exécutons la police via le générateur Font Squirrel @ font-face, ce qui garantit que nous aurons la police dans tous les formats dont nous aurons besoin.

Nous avons utilisé CSS3please pour obtenir la meilleure / dernière version de l'utilisation de @ font-face.

Nous référençons cet article sur CSS-Tricks sur le meilleur HTML actuellement à utiliser pour les polices d'icônes (meilleure sémantique, meilleure accessibilité). Essentiellement, ce sera comme ceci:

 Home 

Nous avons eu des problèmes étranges avec CodeKit, mais rien d'un peu de quitter et de redémarrer ne pouvait pas gérer!

Articles intéressants...