Μπορούμε να είμαστε διατεθειμένοι να σκεφτόμαστε πολύ διακοσμητικές και πολύχρωμες γραμματοσειρές που ανήκουν στην εποχή του ψηφιακού τύπου. Οχι τόσο. Χρωματικός Τύπος που επέτρεψε τη χρήση περιγραμμάτων, σκιών και πολλαπλών χρωμάτων (μεταξύ άλλων) να επιστρέψει στα μέσα του 19ου αιώνα. Συγκροτήθηκαν από δύο ή περισσότερα αντίστοιχα σύνολα που εκτυπώθηκαν το ένα πάνω στο άλλο, για να δημιουργήσουν το επιθυμητό αποτέλεσμα.

Οι ψηφιακοί απόγονοί τους είναι σχεδιασμένοι να λειτουργούν ακριβώς με τον ίδιο τρόπο. Κάθε στυλ σε μια οικογένεια γραμματοσειρών στρώματος μπορεί να συνδυαστεί με τα συμπληρωματικά στυλ του για να σχηματίσει ένα σύνθετο.

Υπάρχει γενικά ένα κανονικό (ή γεμιστικό) ύφος το οποίο μπορεί να χρησιμοποιηθεί ανεξάρτητα και στη συνέχεια αρκετές συμπληρωματικές μορφές, όπως περιγράμματα και διακοσμητικά στοιχεία, που μπορούν να προστεθούν στην κορυφή. Τα συμπληρωματικά στυλ γενικά δεν μπορούν να χρησιμοποιηθούν ανεξάρτητα, πρέπει να χρησιμοποιηθούν σε συνδυασμό με τουλάχιστον ένα άλλο στυλ για να είναι ευανάγνωστα. Πολλές οικογένειες γραμματοσειρών στρώσεων έρχονται επίσης με ένα έτοιμο σύνθετο στυλ.

Γραμματοσειρές στρώματος στο πρόγραμμα περιήγησης

Στο Photoshop, Illustrator ή σε οποιοδήποτε άλλο πρόγραμμα γραφικών που χρησιμοποιεί στρώματα, οι γραμματοσειρές με στρώσεις είναι αρκετά απλή, αλλά πώς λειτουργεί αυτό σε ένα πρόγραμμα περιήγησης;

Γραμματοσειρές σε στρώσεις με divs

Μια προσέγγιση θα ήταν να δημιουργηθούν πολλά

  Χρήση των γραμματοσειρών στρώματος στο CSS 
  Χρήση των γραμματοσειρών στρώματος στο CSS 
  Χρήση των γραμματοσειρών στρώματος στο CSS 
  / * CSS * / # πρώτον, # δευτερόλεπτο, #third {εμφάνιση: μπλοκ · θέση: απόλυτη · κορυφή: 10px · αριστερά: 5px ·} h1 {font: 5em 'One'; χρώμα: rgba (200,0,0, .) ## H1 {font-family: 'Three'; χρώμα: rgba (0,0,200, .85) ·}