# 015: Hinzufügen von Symbolen zur Navigation mit einer Symbolschriftart - CSS-Tricks

Inhaltsverzeichnis

Wir beginnen damit, den Logotyp ein wenig zu optimieren, fügen dann aber Symbole zum Hauptnavigationssystem hinzu. Beim Entwerfen der Navigation in Photoshop (Video # 007) haben wir die Symbolschrift Entypo verwendet. Jetzt werden wir es auch im Web verwenden.

Wir führen die Schriftart über den Font Squirrel @ font-face-Generator aus, um sicherzustellen, dass wir die Schriftart in allen benötigten Formaten erhalten.

Wir haben CSS3please verwendet, um die beste / neueste Version der Verwendung von @ font-face zu erhalten.

Wir verweisen auf diesen Beitrag zu CSS-Tricks über das derzeit beste HTML für Symbolschriftarten (beste Semantik, beste Zugänglichkeit). Im Wesentlichen wird es so sein:

 Home 

Wir hatten einige seltsame Probleme mit CodeKit, aber nichts, was durch ein wenig Beenden und Neustarten nicht behoben werden konnte!

Interessante Beiträge...