Możemy być skłonni myśleć o wysoce dekoracyjnych i wielokolorowych czcionkach należących do wieku typu cyfrowego. Bynajmniej. Typ chromatyczny, który umożliwiał korzystanie z konturów, cieni i wielu kolorów (między innymi) sięgał połowy XIX wieku. Składały się z dwóch lub więcej zestawów, które wydrukowano jeden nad drugim, aby uzyskać pożądany efekt.

Ich cyfrowi potomkowie są zaprojektowani do pracy w dokładnie taki sam sposób. Każdy styl w rodzinie czcionek warstwowych można łączyć z komplementarnymi stylami, tworząc kompozycję.

Zwykle istnieje regularny (lub wypełniony) styl, który można wykorzystać niezależnie, a następnie kilka uzupełniających stylów, takich jak kontury i dekoracje, które można dodać na wierzchu. Uzupełniające style nie mogą być używane niezależnie, muszą być używane w połączeniu z co najmniej jednym innym stylem, aby były czytelne. Wiele warstwowych rodzin czcionek ma również gotowy styl kompozytowy.

Czcionki warstw w przeglądarce

W Photoshopie, programie Illustrator lub innym programie graficznym, który wykorzystuje warstwy, nakładanie warstw czcionek jest dość proste, ale jak to działa w przeglądarce?

Warstwy czcionek z elementami div

Jednym z nich byłoby stworzenie kilku

  Używanie czcionek warstwy w CSS 
  Używanie czcionek warstwy w CSS 
  Używanie czcionek warstwy w CSS 
  / * CSS * / # first, #second, #third {display: block; position: absolute; top: 10px; left: 5px;} h1 {font: 5em 'One'; color: rgba (200,0,0, .85);} # drugi h1 {rodzina czcionek: "Dwa", kolor: rgba (0,200,0, .85);} # trzeci h1 {rodzina czcionek: "Trzy", kolor: rgba (0,0,200, .85);