Wir könnten geneigt sein, an sehr dekorative und mehrfarbige Schriftarten zu denken, die dem Zeitalter des digitalen Typs angehören. Nicht so. Der Chromatische Typ, der unter anderem die Verwendung von Konturen, Schatten und mehreren Farben ermöglichte, reicht bis in die Mitte des 19. Jahrhunderts zurück. Sie bestanden aus zwei oder mehr entsprechenden Sets, die übereinander gedruckt wurden, um den gewünschten Effekt zu erzielen.

Ihre digitalen Nachkommen sind so konzipiert, dass sie genau so funktionieren. Jeder Stil in einer Layer-Schriftfamilie kann mit seinen komplementären Stilen zu einem Composite kombiniert werden.

Es gibt im Allgemeinen einen regulären (oder Füll-) Stil, der unabhängig verwendet werden kann, und dann mehrere zusätzliche Stile, wie Umrisse und Dekorationen, die oben hinzugefügt werden können. Die ergänzenden Stile sind in der Regel nicht unabhängig voneinander verwendbar, sie müssen in Verbindung mit mindestens einem anderen Stil verwendet werden, um lesbar zu sein. Viele Layer-Schriftfamilien verfügen auch über einen vorgefertigten Composite-Stil.

Layer Schriftarten im Browser

In Photoshop, Illustrator oder einem anderen Grafikprogramm, das Ebenen verwendet, ist das Übereinanderlegen von Fonts einfach, aber wie funktioniert das in einem Browser?

Schriftarten mit divs überlagern

Ein Ansatz wäre, mehrere zu erstellen

  Verwenden von Layer-Schriftarten in CSS 
  Verwenden von Layer-Schriftarten in CSS 
  Verwenden von Layer-Schriftarten in CSS 
  / * CSS * / # erste, # zweite, # dritte {display: block; position: absolute; oben: 10px; links: 5px;} h1 {font: 5em 'One'; farbe: rgba (200,0,0, .85);} # zweite h1 {Schriftfamilie: 'Zwei'; Farbe: rgba (0,200,0, .85);} # dritte h1 {Schriftfamilie: 'Drei'; Farbe: rgba (0,0200, .85);}