# 015: Agregar iconos a la navegación con una fuente de icono - Trucos CSS

Anonim

Comenzamos ajustando un poco el tipo de logotipo, pero luego saltamos a agregar íconos en la navegación principal. Cuando estábamos diseñando la navegación en Photoshop (Video # 007) usamos la fuente de iconos Entypo. Ahora también lo usaremos en la web.

Ejecutamos la fuente a través del generador Font Squirrel @ font-face que asegura que obtendremos la fuente en todos los formatos que necesitaremos.

Usamos CSS3please para obtener la mejor / última versión de cómo usar @ font-face.

Hacemos referencia a esta publicación sobre CSS-Tricks sobre el mejor HTML actualmente para usar en fuentes de iconos (mejor semántica, mejor accesibilidad). Básicamente, será así:

 Home 

Tuvimos algunos problemas extraños con CodeKit, ¡pero nada que un poco de cierre y reinicio no pudiera manejar!