# 007: Εικονίδια Photoshopping και κείμενο στην πλοήγηση - CSS-Κόλπα

Anonim

Αρχίζουμε να ρίχνουμε το κείμενο στην κύρια πλοήγηση, απλώς για να δούμε πώς θα ταιριάζει, να δουλέψουμε σε μέγεθος, χρώματα κ.λπ. Μερικά από το κείμενο ταιριάζουν αρκετά σφιχτά, αλλά αυτό είναι εντάξει, θα κάνουμε χώρο, ειδικά όταν μετατραπεί σε HTML / CSS και οι προσαρμογές είναι ακόμη ευκολότερες.

Χρησιμοποιούμε το ίδιο Gotham Rounded για το κείμενο. Μπορεί επίσης να συνεχίσετε τη γραμματοσειρά "Brand" στην πλοήγηση (αυτό φαίνεται πολύ κατάλληλο).

Η "Ενεργή" πλοήγηση αποκτά απλώς ένα πιο σκούρο χρώμα και αντίστροφο κείμενο.

Κοιτάζουμε την αγαπημένη μου γραμματοσειρά εικονιδίων, το Pictos, αλλά αποφασίζουμε να πάμε με το Entypo αντί να αλλάξουμε λίγο τα πράγματα. Εδώ είναι ένα σωρό περισσότερα που θα μπορούσαμε επίσης να επιλέξουμε.

Χρησιμοποιούμε το λογισμικό Font Explorer X για να ενεργοποιήσουμε τη γραμματοσειρά και να την εξερευνήσουμε. Κάνουμε κλικ στο "information" για να πάρουμε ένα πλέγμα όλων των χαρακτήρων από τους οποίους να αντιγράψετε (και να επικολλήσετε εύκολα στο Photoshop)

Αρχεία

  • 07-Entypo.dmg