We zijn misschien geneigd om te denken aan zeer decoratieve en veelkleurige lettertypen die behoren tot het digitale type-tijdperk. Niet zo. Chromatisch type dat onder andere het gebruik van contouren, schaduwen en meerdere kleuren mogelijk maakt, gaat terug tot halverwege de 19e eeuw. Ze waren samengesteld uit twee of meer corresponderende sets die boven elkaar werden afgedrukt om het gewenste effect te creëren.

Hun digitale nazaten zijn ontworpen om op precies dezelfde manier te werken. Elke stijl in een laaglettertype kan worden gecombineerd met zijn complementaire stijlen om een ​​composiet te vormen.

Er is over het algemeen een reguliere (of opvul) stijl die onafhankelijk kan worden gebruikt en vervolgens verschillende aanvullende stijlen, zoals contouren en decoraties, die bovenop kunnen worden toegevoegd. De aanvullende stijlen zijn over het algemeen niet zelfstandig bruikbaar, ze moeten in combinatie met ten minste één andere stijl worden gebruikt om leesbaar te zijn. Veel families met laaglettertypen hebben ook een kant-en-klare composietstijl.

Laaglettertypen in de browser

In Photoshop, Illustrator of elk ander grafisch programma dat gebruikmaakt van lagen, zijn layering-lettertypen eenvoudig genoeg, maar hoe werkt dit in een browser?

Gelaagd lettertype met divs

Eén benadering zou zijn om er meerdere te maken

  Laaglettertypen gebruiken in CSS 
  Laaglettertypen gebruiken in CSS 
  Laaglettertypen gebruiken in CSS 
  / * CSS * / # first, #second, #third {display: block; position: absolute; top: 10px; left: 5px;} h1 {font: 5em 'One'; color: rgba (200,0,0, .85);} # tweede h1 {font-family: 'Two'; color: rgba (0,200,0, .85);} # third h1 {font-family: 'Three'; color: rgba (0,0.200, 0,85);}