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!