Við gætum verið hneigðist að hugsa um mjög skreytingar og fjöllitaða leturgerðir sem tilheyra stafrænu gerðaldri. Ekki svo. Kromatísk gerð sem gerði kleift að nota útlínur, skuggi og margar liti (meðal annars) fara aftur um miðjan 19. öld. Þeir voru gerðar úr tveimur eða fleiri samsvarandi settum sem voru prentaðar eitt yfir hina til að skapa tilætluð áhrif.

Stafrænar afkomendur þeirra eru hönnuð til að vinna nákvæmlega á sama hátt. Hver stíll í letri fjölskyldu er hægt að sameina með viðbótar stílum sínum til að mynda samsett.

Það er almennt regluleg (eða fylling) stíl sem hægt er að nota sjálfstætt og síðan nokkrar viðbótarstíll, svo sem útlínur og skreytingar, sem hægt er að bæta við ofan. Viðbótarstíllin eru yfirleitt ekki nothæf sjálfstætt, þau þurfa að nota í tengslum við að minnsta kosti eina annan stíl til að vera læsileg. Margir lag letur fjölskyldur koma einnig með tilbúnum samsettum stíl.

Laga letur í vafranum

Í Photoshop, Illustrator eða öðru grafík forriti sem nýtir lög eru lagskipt letur nóg, en hvernig virkar þetta í vafra?

Laga letur með divs

Ein nálgun væri að búa til nokkra

s og pinna þau á sama stað eins og þetta:

Nota Layer Skírnarfontur í CSS

Nota Layer Skírnarfontur í CSS

Nota Layer Skírnarfontur í CSS

/ * CSS * / # fyrsta, #sundur, #third {sýna: blokk; staðsetning: alger; toppur: 10px; vinstri: 5px;} h1 {leturgerð: 5em 'einn'; litur: rgba (200,0,0, .85);} # second h1 {leturfamilía: 'Tveir'; litur: rgba (0,200,0, .85);} # þriðja h1 {leturgerð: 'þrír'; litur: rgba (0,0,200, .85);}

Þó að þetta virkar, þá felur það í sér að búa til div fyrir hvert lag af leturgerðinni og síðan endurtaka sama efni í hverri deild. Sú merking er til merkis, því að ekki er hægt að skilja efni og stílupplýsingar.

Laga letur með gerviþætti

Það er önnur, tiltölulega einföld tækni sem ekki truflar merkinguna: með því að nota :: fyrir og :: eftir gerviþætti er textinn hægt að lagskipt án þess að hnúta html.

Hér er það sem við ætlum að byggja: