Vi kan vara benägna att tänka på mycket dekorativa och mångfärgade teckensnitt som tillhör den digitala typen ålder. Inte så. Kromatisk typ som möjliggjorde användning av konturer, skuggor och flera färger (bland annat) går tillbaka till mitten av 1800-talet. De var gjorda av två eller flera motsvarande uppsättningar som trycktes över varandra för att skapa den önskade effekten.

Deras digitala ättlingar är utformade för att fungera på exakt samma sätt. Varje stil i en skildfontfamilj kan kombineras med dess komplementära stilar för att bilda en komposit.

Det finns vanligtvis en vanlig (eller fyllnads) stil som kan användas självständigt och sedan flera kompletterande stilar, som konturer och dekorationer, som kan läggas upp på toppen. De kompletterande stilarna är i allmänhet inte användbara oberoende, de måste användas tillsammans med minst en annan stil för att vara läsbar. Många skildfontfamiljer har också en färdig kompositstil.

Lagfonter i webbläsaren

I Photoshop, Illustrator eller något annat grafikprogram som använder skikt är layering-teckensnitt noggrant, men hur fungerar det i en webbläsare?

Layout typsnitt med divs

Ett tillvägagångssätt skulle vara att skapa flera

  Använda skiktfonter i CSS 
  Använda skiktfonter i CSS 
  Använda skiktfonter i CSS 
  / * CSS * / # första, #sekund, #third {display: block; position: absolute; top: 10px; left: 5px;} h1 {font: 5em 'En'; färg: rgba (200,0,0, .85);} # andra h1 {font-family: 'Two'; färg: rgba (0,200,0, .85);} # tredje h1 {font-family: 'Three'; färg: rgba 0,85);}