# 007: Icone di Photoshopping e testo nella navigazione - Trucchi CSS

Anonim

Iniziamo a trascinare il testo nella navigazione principale, solo per vedere come si adatterà, lavoriamo su dimensioni, colori, ecc. Parte del testo si adatta abbastanza stretto ma va bene, faremo spazio, specialmente una volta trasformato in HTML / CSS e le regolazioni sono ancora più semplici.

Usiamo lo stesso Gotham Rounded per il testo. Tanto vale continuare il carattere "Brand" nella navigazione (che sembra molto appropriato).

La navigazione "attiva" ottiene semplicemente un colore più scuro e il testo invertito.

Guardiamo il mio font icona preferito, Pictos, ma decidiamo invece di utilizzare Entypo solo per cambiare un po 'le cose. Ecco un sacco di altri che avremmo potuto scegliere.

Usiamo il software Font Explorer X per attivare il carattere ed esplorarlo. Facciamo clic su "informazioni" per ottenere una griglia di tutti i caratteri da cui copiare (e incollare facilmente in Photoshop).

File

  • 07-Entypo.dmg