# 007: Iconos de Photoshopping y texto en la navegación - Trucos CSS

Anonim

Comenzamos a colocar el texto en la navegación principal, solo para ver cómo encaja, trabajar en el tamaño, los colores, etc. Parte del texto se ajusta bastante, pero está bien, haremos espacio, especialmente una vez que se convierta en HTML / CSS y los ajustes son aún más fáciles.

Usamos el mismo Gotham Rounded para el texto. También podría continuar con la fuente "Marca" en la navegación (que se siente muy apropiado).

La navegación "activa" simplemente obtiene un color más oscuro y texto invertido.

Observamos mi fuente de iconos favorita, Pictos, pero decidimos ir con Entypo en su lugar solo para cambiar un poco las cosas. Aquí hay un montón de más que también podríamos haber elegido.

Usamos el software Font Explorer X para activar la fuente y explorarla. Hacemos clic en "información" para obtener una cuadrícula de todos los caracteres en los que copiar (y pegar fácilmente en Photoshop).

Archivos

  • 07-Entypo.dmg