Syntaks for OpenType-funktioner i CSS

Sidst opdateret den 16. nov. 2022

Vi dækker individuelle OpenType-funktioner i detaljer på denne side med specifikke eksempler på hver. For et bredere overblik over, hvordan du aktiverer OpenType-funktioner i dine web-projekter og bruger dem i CSS, se vores hjælpedokument om brug af OpenType-funktioner i CSS.

Almindelige/standardligaturer (liga)

Eksempel på ligaturer i aktion, sat med Warnock Pro.

Eksempel på anvendelse af liga CSS

Denne funktion erstatter en sekvens af glyffer med en enkelt glyf, kaldet en ligatur, som foretrækkes af typografiske årsager. Når den er aktiveret, indsætter denne funktion de ligaturer, som designer/producenten vurderer bør anvendes under normale forhold.

Ligatur-funktionen er aktiveret som standard, hvilket betyder, at den skulle virke uden, at du behøver at skrive CSS — men den er ikke aktiveret som standard i Chrome. Desuden kan den ikke deaktiveres i Safari (Mac eller iOS). Og nogle versioner af Chrome og Firefox har problemer med ligaturer, der indeholder mellemrum. 

For at aktivere den med font-variant-egenskaben eller font-variant-ligatures-underegenskaben, skal du bruge værdien common-ligatures, som aktiverer både almindelige og kontekstuelle ligaturer. Ligesom kontekstuelle alternativer har kontekstuelle ligaturer indbygget betinget logik, der kun anvender erstatningsglyffer i specifikke situationer. For at opnå samme effekt med font-feature-settings skal du bruge både "liga"- og "clig"-funktionstagget. Se også: Syntaks til brug af flere OpenType-funktioner.

For at deaktivere denne funktion skal du bruge no-common-ligatures-værdien og et numerisk indeks på nul for font-feature-settings.

Kontekstuelle alternativer (calt)

Eksempel på kontekstuelle alternativer i aktion, sat med Caflisch Script Pro.

Eksempel på anvendelse af calt CSS

Denne funktion erstatter i specifikke situationer standardglyffer med alternative former, som giver bedre forbindelsesadfærd. Ligesom ligaturer (selvom det ikke er strengt taget en ligaturfunktion) anvendes kontekstuelle alternativer almindeligvis til at harmonisere glyffers former med den omgivende kontekst.

Funktionen for kontekstuelle alternativer er aktiveret som standard, hvilket betyder, at den skulle virke uden, at du behøver at skrive CSS — men den er ikke aktiveret som standard i Chrome. Desuden kan den ikke deaktiveres i Safari (Mac eller iOS). 

For at aktivere den med egenskaben font-variant eller underegenskaben font-variant-ligatures skal du bruge værdien contextual. For at opnå den samme effekt med font-feature-settings skal du bruge funktionstagget "calt".

For at deaktivere denne funktion skal du bruge værdien no-contextual og et numerisk indeks på nul for font-feature-settings.

Skønsmæssige ligaturer (dlig)

Eksempel på skønsmæssige ligaturer i aktion, angivet i Warnock Pro.

Eksempel på anvendelse af dlig CSS

Denne funktion erstatter en sekvens af glyffer med en enkelt glyf (en ligatur), som foretrækkes til typografiske formål. Når den er aktiveret, indsætter denne funktion de ligaturer, som kan bruges til særlig effekt.

Funktionen for skønsmæssige ligaturer er deaktiveret som standard.

For at aktivere den med egenskaben font-variant eller underegenskaben font-variant-ligatures skal du bruge værdien discretionary-ligatures. For at opnå den samme effekt med font-feature-settings skal du bruge funktionstagget "dlig".

Kapitæler (smcp)

Eksempel på kapitæler i aktion, angivet i Warnock Pro.

Eksempel på anvendelse af smcp CSS

Denne funktion konverterer små bogstaver til kapitæler.

Funktionen for kapitæler er deaktiveret som standard.

For at aktivere den med egenskaben font-variant eller underegenskaben font-variant-caps skal du bruge værdien small-caps. For at opnå den samme effekt med font-feature-settings skal du bruge funktionstagget "smcp".

Bemærk, at funktionen til kapitæler i nogle skrifttyper også kan omfatte andre former. I henhold til OpenType-specifikationen kan OpenType-funktionen smcp "omfatte former, der er relateret til kapitæler, såsom oldstyle-cifre."

Store bogstaver til kapitæler (c2sc)

Eksempel på store bogstaver til kapitæler i aktion, sat i Warnock Pro.

Eksempel på anvendelse af c2sc CSS

Denne funktion omdanner store bogstaver til kapitæler.

Funktionen store bogstaver til kapitæler er deaktiveret som standard

For at aktivere den med egenskaben font-variant eller underegenskaben font-variant-caps skal du bruge værdien all-small-caps, som omdanner både store og små bogstaver til kapitæler. Denne adfærd giver mening, fordi du sjældent kun vil anvende kapitæler på store bogstaver. For at opnå den samme effekt med font-feature-settings skal du bruge både "c2sc"- og "smcp"-funktionsmærkerne. Se også: Syntaks til brug af flere OpenType-funktioner.

Krøller (swsh)

Eksempel på krøller i aktion, sat i Bickham Script Pro 3.

Eksempel på anvendelse af swsh CSS

Denne funktion erstatter standardtegnglyffer med tilsvarende krølle-glyffer.

Krølle-funktionen er deaktiveret som standard

For at aktivere den med font-feature-settings skal du bruge funktionsmærket "swsh". Bemærk, at der kan være mere end ét krølle-alternativ for et givet tegn. For at få adgang til alternative krøller skal du tilføje et numerisk indeks til værdien:

Dette ville aktivere den anden tilgængelige swash, hvis den findes i skrifttypen. Som du sikkert gættede, er det at bruge en værdi på "swsh", som i vores første kodeeksempel, det samme som at bruge en værdi på "swsh" 1.

Indtil videre springer vi font-variant-egenskaben over, fordi dens "navngivne" værdier (som swash (flydende)) knyttes til numeriske swash-indekser af font-feature-value CSS-definitioner, som endnu ikke understøttes i nogen større browser.

Stilistiske alternativer (salt)

Eksempel på swashes i aktion, sat i Bree.

Eksempel på anvendelse af salt CSS

Denne funktion erstatter standardtegnglyffer med stilistiske alternativer. Se også: stilistiske sæt (ss##).

Funktionen til stilistiske alternativer er deaktiveret som standard

For at aktivere den med font-feature-settings, skal du bruge "salt"-funktionstaget. Bemærk, at der kan være mere end ét stilistisk alternativ for et givet tegn. For at få adgang til andre stilistiske alternativer skal du tilføje et numerisk indeks til værdien:

Dette ville aktivere det andet tilgængelige stilistiske alternativ, hvis det findes i skrifttypen. Som du sikkert gættede, er det at bruge en værdi på "salt", som i vores første kodeeksempel, det samme som at bruge en værdi på "salt" 1.

Indtil videre springer vi font-variant-egenskaben over, fordi dens "navngivne" værdier (hvor der ikke er gode eksempler) knyttes til numeriske stilistiske alternative indekser ved hjælp af font-feature-value CSS-definitioner, som endnu ikke understøttes i nogen større browser.

Tabelcifre (lnum)

Eksempel på linjetal i aktion, sat i Warnock Pro.

Eksempel på anvendelse af lnum CSS

Denne funktion ændrer talglyffer fra standard- eller oldstyle-tal til linjetal. Bemærk, at nogle skrifttyper kan indeholde stående tal som deres standardciferstil, og i dette tilfælde vil aktivering af denne funktion muligvis ikke påvirke glyfernes stil.

Funktionen stående tal er deaktiveret som standard

For at aktivere den med egenskaben font-variant eller underegenskaben font-variant-numeric skal du bruge værdien lining-nums.For at opnå samme effekt med font-feature-settings skal du bruge funktionstaget "lnum".

Gammeldags cifre (onum)

Eksempel på gammeldags cifre i brug, sat med Warnock Pro.

Eksempel på anvendelse af onum CSS

Denne funktion ændrer talglyferne fra standard- eller stående tal til gammeldags cifre. Bemærk, at nogle skrifttyper kan indeholde gammeldags cifre som deres standardciferstil, og i dette tilfælde vil aktivering af denne funktion muligvis ikke påvirke glyfernes stil.

Funktionen gammeldags cifre er deaktiveret som standard

For at aktivere den med egenskaben font-variant eller underegenskaben font-variant-numeric skal du bruge værdien oldstyle-nums.For at opnå samme effekt med font-feature-settings skal du bruge funktionstaget "onum".

Proportionale cifre (pnum)

Eksempel på proportionale cifre i brug, sat med Hypatia Sans Pro.

Eksempel på anvendelse af pnum CSS

Denne funktion erstatter talglyfer sat på ensartede (tabellariske) bredder med tilsvarende glyfer sat på glyfspecifikke (proportionale) bredder.Bemærk, at nogle skrifttyper kan indeholde proportionale cifre som standard, og i dette tilfælde vil aktivering af denne funktion muligvis ikke påvirke glyfernes bredde.

Funktionen proportionale cifre er deaktiveret som standard

For at aktivere den med egenskaben font-variant eller underegenskaben font-variant-numeric skal du bruge Værdien proportional-nums. For at opnå den samme effekt med font-feature-settings skal du bruge funktionsmærket "pnum".

Tabelcifre (tnum)

Eksempel på tabelcifre i brug, sat i Hypatia Sans Pro.

Eksempel på anvendelse af tnum CSS

Denne funktion erstatter talglyffer sat på glyfspecifikke (proportionale) bredder med tilsvarende glyffer sat på ensartede (tabulære) bredder.Bemærk, at nogle skrifttyper muligvis indeholder tabelcifre som standard, og i så fald vil aktivering af denne funktion muligvis ikke se ud til at påvirke glyffers bredde.

Tabelcifrene-funktionen er deaktiveret som standard

For at aktivere den med egenskaben font-variant eller underegenskaben font-variant-numeric skal du bruge værdien tabular-nums.For at opnå den samme effekt med font-feature-settings skal du bruge funktionsmærket "tnum".

Brøker (frac)

Eksempel på brøker i brug, sat i Warnock Pro.

Eksempel på anvendelse af frac CSS

Denne funktion erstatter cifre adskilt af en skråstreg med almindelige (diagonale) brøker.

Brøkfunktionen er deaktiveret som standard

For at aktivere den med egenskaben font-variant eller underegenskaben font-variant-numeric skal du bruge værdien diagonal-fractions.For at opnå den samme effekt med font-feature-settings skal du bruge funktionsmærket "frac".

Ordinaltal (ordn)

Eksempel på ordinaler i brug, sat i Warnock Pro.

Eksempel på anvendelse af ordn CSS

Denne funktion erstatter alfabetiske standardglyffer med de tilsvarende ordinalformer til brug efter tal.

Ordinalfunktionen er deaktiveret som standard

For at aktivere den med egenskaben font-variant eller underegenskaben font-variant-numeric, skal du bruge værdien ordinal. For at opnå samme effekt med font-feature-settings, skal du bruge funktionstagget "ordn".

Bemærk, at ikke al glyfudskiftning sker efter tal. Ifølge OpenType-specifikationen er "En undtagelse fra reglen om at følge et tal nummertegnet (U+2116), som faktisk er en ligatursubstitution, men som bedst tilgås gennem denne funktion."

Stilistiske sæt (ss##)

Eksempel på stilistiske sæt i aktion, sat i Hypatia Sans Pro.

Eksempel på anvendelse af stilistisk sæt CSS

Denne funktion erstatter sæt af standardtegnglyffer med stilistiske varianter. Glyffer i stilistiske sæt kan være designet til at harmonere visuelt, interagere på bestemte måder eller på anden vis arbejde sammen. Se også: stilistiske alternativer (salt), som er designet til at tilbyde stilistiske alternativer til individuelle glyffer.

Funktionen med stilistiske sæt er deaktiveret som standard

For at aktivere den med font-feature-settings, skal du bruge funktionstagget "ss##", hvor "##" er en vilkårlig tocifret kombination fra 01-20. Bemærk, at skrifttyper anvender stilistiske sæt på helt vilkårlige og tilpassede måder. For eksempel kan to forskellige skrifttyper anvende samme funktion (som ss01) til at erstatte helt forskellige sæt af glyffer; eller en bestemt skrifttype kan bruge ss01 og ss03 til at erstatte sæt af glyffer, men ignorere ss02. Nogle skrifttypeproducenter tilbyder dokumentation om, hvordan funktioner er organiseret.

Foreløbig springer vi font-variant egenskaben over, fordi dens "navngivne" værdier (som styleset(sharp-serifs)) knyttes til numeriske stilistiske sætindekser af font-feature-value CSS-definitioner, som endnu ikke understøttes i nogen større browser.

Proportionale Bredder (pwid)

Eksempel på proportional bredde i aktion, sat i Kozuka Mincho Pr6n:

Eksempel på brug af pwid CSS

Denne funktion erstatter glyffer sat på ensartede bredder (typisk fuld eller halv-em) med proportionelt fordelte glyffer.De proportionale varianter bruges ofte til latinske tegn i CJKV-skrifttyper, men kan også bruges til Kana i japanske skrifttyper. (Source.)

Funktionen for proportional bredde er deaktiveret som standard og understøttes ikke i nogen version af Safari på Mac OS eller iOS.For at aktivere den med egenskaben font-variant eller underegenskaben font-variant-east-asian, skal du bruge værdien proportional-width.For at opnå samme effekt med font-feature-settings skal du bruge funktionstagget "pwid".

Proportionale alternative bredder (palt)

Eksempel på proportionale alternative Bredder i aktion, sat i sat i Source Han Sans:

Eksempel på brug af palt CSS

Denne funktion justerer afstanden mellem glyffer designet til at være sat på fuld-em bredder, så de passer til individuelle (mere eller mindre proportionale) horisontale bredder.Dette adskiller sig fra pwid ved, at det ikke erstatter nye glyffer (GPOS, ikke GSUB-funktion). Brugeren foretrækker måske den monospace-form, eller ønsker måske blot at sikre, at glyffen passer godt og ikke roteres i vertikal indstilling (latinske former designet til proportional afstand ville blive roteret). (kilde.)

Funktionen for proportionale alternative Bredder er deaktiveret som standard, og understøttes ikke i nogen version af Safari på Mac OS eller iOS. Den eneste måde at aktivere det på er med font-feature-settings ved hjælp af funktionstagget "palt".

Proportional Kana (pkna)

Eksempel på proportional kana i brug, sat i Kozuka Mincho Pr6n:

Eksempel på anvendelse af pkna CSS

Denne funktion erstatter kana- og kana-relaterede glyffer sat på ensartede bredder (halv eller fuld bredde) med proportionale glyffer. Den ligner funktionen proportionale bredder, men påvirker kun kana. (Kilde.)

Funktionen proportional kana er deaktiveret som standard og understøttes ikke i nogen version af Safari på Mac OS eller iOS. Den eneste måde at aktivere det på er med font-feature-settings ved hjælp af funktionstagget "pkna".

Fulde bredder (fwid)

Eksempel på fulde bredder i brug, sat i Kozuka Mincho Pr6n:

Eksempel på anvendelse af fwid CSS

Denne funktion erstatter glyffer sat på andre bredder med glyffer sat på fulde (normalt em) bredder. I en CJKV-skrifttype kan dette omfatte "nedre ASCII" latinske tegn og forskellige symboler.I en europæisk skrifttype erstatter denne funktion proportionalt fordelte glyffer med monospace-glyffer, som generelt er sat på bredder på 0,6 em. (Kilde.)

Funktionen fulde bredder er deaktiveret som standard og understøttes ikke i nogen version af Safari på Mac OS eller iOS.For at aktivere den med egenskaben font-variant eller underegenskaben font-variant-east-asian skal du bruge værdien full-width.Hvis du vil opnå den samme effekt med font-feature-settings, skal du bruge funktionstagget "fwid".

Halve bredder (hwid)

Eksempel på halve bredder i aktion, sat i Kozuka Mincho Pr6n:

Eksempel på anvendelse af hwid CSS

Denne funktion erstatter glyffer med proportionale bredder eller faste bredder, der ikke er halvems, med glyffer med halvems (en) bredder. Mange CJKV-skrifttyper har glyffer, der er angivet med flere bredder. Denne funktion vælger halvems-versionen. Der er forskellige sammenhænge, hvor dette er den foretrukne funktion, herunder kompatibilitet med ældre skrivebordsdokumenter. (Kilde.)

Funktionen for halve bredder er deaktiveret som standard og understøttes ikke i nogen version af Safari på Mac OS eller iOS. Den eneste måde at aktivere den på er med font-feature-settings ved at bruge funktionstagget "hwid".

Alternative halve bredder (halt)

Eksempel på alternative halve bredder i brug, sat i Kozuka Mincho Pr6n:

Eksempel på anvendelse af halt CSS

Denne funktion justerer afstanden mellem glyffer, der er designet til at være angivet med fulde ems-bredder, så de passer til halvems-bredder. Dette adskiller sig fra hwid ved, at den ikke erstatter nye glyffer. (Kilde.)

Funktionen for alternative halvbredder er deaktiveret som standard og understøttes ikke i nogen version af Safari på Mac OS eller iOS. Den eneste måde at aktivere den på er med font-feature-settings ved at bruge "halt"-funktionstagget.

Tredjedelsbredder (twid)

Eksempel på tredjedelsbredder i aktion, sat med Kozuka Mincho Pr6n:

Eksempel på anvendelse af twid CSS

Denne funktion erstatter glyffer på andre bredder med glyffer sat på bredder på en tredjedel af en em. De involverede tegn er normalt tal og nogle former for tegnsætning. (Kilde.)

Funktionen for tredjedelsbredder er deaktiveret som standard og understøttes ikke i nogen version af Safari på Mac OS eller iOS. Den eneste måde at aktivere den på er med font-feature-settings ved at bruge "twid"-funktionstagget.

Fjerdedelsbredder (qwid)

Eksempel på fjerdedelsbredde i brug, sat med Kozuka Mincho Pr6n:

Eksempel på anvendelse af qwid CSS

Denne funktion erstatter glyffer på andre bredder med glyffer sat på bredder på en fjerdedel af en em (halvdelen af en en). De involverede tegn er normalt tal og nogle former for tegnsætning. (Kilde.)

Funktionen for fjerdedelsbredder er deaktiveret som standard og understøttes ikke i nogen version af Safari på Mac OS eller iOS. Den eneste måde at aktivere det på er med font-feature-settings ved hjælp af "qwid"-funktionstaget.

JIS78-former (jp78)

Eksempel på JIS78-former i brug, sat i Kozuka Mincho Pr6n:

Eksempel på anvendelse af jp78 CSS

Denne funktion erstatter standard japanske glyffer (JIS90) med de tilsvarende former fra JIS C 6226-1978 (JIS78) specifikationen.(Kilde.)

JIS78-formerfunktionen er deaktiveret som standard og understøttes ikke i nogen version af Safari på Mac OS eller iOS. For at aktivere den med font-variant-egenskaben eller font-variant-east-asian underegenskaben skal du bruge værdien jis78. For at opnå den samme effekt med font-feature-settings skal du bruge "jp78"-funktionstaget.

JIS83-former (jp83)

Eksempel på JIS83-former i brug, sat i Kozuka Mincho Pr6n:

Eksempel på anvendelse af jp83 CSS

Denne funktion erstatter standardtegn (JIS90) japanske glyffer med de tilsvarende former fra JIS X 0208-1983 (JIS83) specifikationen. (Kilde.)

JIS83-formerfunktionen er deaktiveret som standard og understøttes ikke i nogen version af Safari på Mac OS eller iOS. For at aktivere den med font-variant-egenskaben eller font-variant-east-asian underegenskaben skal du bruge værdien jis83. For at opnå den samme effekt med font-feature-settings, skal du bruge "jp83"-funktionstaget.

JIS90-former (jp90)

Eksempel på JIS90-former i brug, sat i Kozuka Mincho Pr6n:

Eksempel på anvendelse af jp90 CSS

Denne funktion erstatter japanske glyffer fra JIS78- eller JIS83-specifikationerne med de tilsvarende former fra JIS X 0208-1990 (JIS90)-specifikationen.(kilde.)

JIS90 Forms-funktionen er deaktiveret som standard og understøttes ikke i nogen version af Safari på Mac OS eller iOS.For at aktivere den med egenskaben font-variant eller underegenskaben font-variant-east-asian skal du bruge værdien jis90.For at opnå samme effekt med font-feature-settings skal du bruge funktionsmærket "jp90".

JIS2004-formular (jp04)

Eksempel på JIS2004-formular i aktion, sat i Kozuka Mincho Pro:

Eksempel på anvendelse af jp04 CSS

Japans Nationale Sprogråd (NLC) har defineret nye glyph-former for en række JIS-tegn, som blev indarbejdet i JIS X 0213:2004 som nye prototypiske former.Funktionen 'jp04' er en delmængde af funktionen 'nlck' og bruges til at få adgang til disse prototypiske glyffer på en måde, der bevarer integriteten af JIS X 0213:2004. (Source.)

JIS2004-formularfunktionen er deaktiveret som standard og understøttes ikke i nogen version af Safari på Mac OS eller iOS. For at aktivere den med egenskaben font-variant eller underegenskaben font-variant-east-asian skal du bruge værdien jis04.For at opnå samme effekt med skrifttype-funktions-Indstillinger skal du bruge funktionstagget "jp04".

Traditionelle former (trad)

Eksempel på traditionelle former i aktion, sat med Kozuka Mincho Pr6n:

Eksempel på anvendelse af trad CSS

Erstatter 'forenklede' kinesiske hanzi- eller japanske kanjiformer med de tilsvarende 'traditionelle' former.(Kilde.)

Funktionen traditionelle former er deaktiveret som standard, og understøttes ikke i nogen version af Safari på Mac OS eller iOS. For at aktivere den med font-variant egenskaben eller font-variant-east-asian underegenskaben, brug værdien traditional. For at opnå samme effekt med font-feature-settings, brug "trad" funktionstag.

Ruby-notationsformer (ruby)

Eksempel på ruby-notationsformer i aktion, sat med Kozuka Mincho Pr6n:

Eksempel på anvendelse af ruby CSS

Japansk typografi bruger ofte mindre kana-tegn, generelt i hævet form, for at tydeliggøre betydningen af kanji, som kan være ukendte for læseren. Disse kaldes ruby, fra det gamle typografiske udtryk for firepunkts skrift.Denne funktion identificerer tegn i skrifttypen, som er designet til denne brug, og erstatter dem med standarddesignene. (Kilde.)

Funktionen ruby-notationsformer er deaktiveret som standard. For at aktivere den med font-variant egenskaben eller font-variant-east-asian underegenskaben, brug værdien ruby. For at opnå den samme effekt med font-feature-settings skal du bruge funktionsmærket "ruby".

Bemærk rt-elementet, som vi styler, i kodeeksemplet ovenfor. Korrekt markup til ruby-tekst er forklaret i W3C's HTML5-specifikation i afsnittet om semantik på tekstniveau. Bemærk også, at positionen og størrelsen af ruby-tekst vil variere på tværs af browsere/versioner; overvej at deaktivere browserens standardindstillinger med et reset-stylesheet og dimensionere/positionere ruby-tekst manuelt.

Horizontal Kana Alternates (hkna)

Eksempel på horizontal Kana-alternativer i aktion, sat i Kozuka Mincho Pr6n:

Eksempel på anvendelse af hkna CSS

Denne funktion erstatter standard kana med former, der er specielt designet til kun vandret skrivning. Dette er en typografisk optimering for forbedret tilpasning og mere jævn farve.(Kilde.)

Funktionen horizontal kana alternates er deaktiveret som standard og understøttes ikke i nogen version af Safari på Mac OS eller iOS. Den eneste måde at aktivere den på er med font-feature-settings ved hjælp af funktionsmærket "hkna".

NLC Kanji Forms (nlck)

Eksempel på NLC kanji-former i aktion, sat i Kozuka Mincho Pr6n:

Eksempel på anvendelse af nlck CSS

Det japanske National Language Council (NLC) har defineret nye glyfformer for en række JIS-tegn i 2000.Funktionen 'nlck' bruges til at få adgang til disse tegn.(Kilde.)

NLC kanji-formfunktionen er deaktiveret som standard og understøttes ikke i nogen version af Safari på Mac OS eller iOS. Den eneste måde at aktivere den på er med font-feature-settings ved hjælp af "nlck"-funktionsmærket.

Alternative annoteringsformer (nalt)

Eksempel på alternative annotationsformer i aktion, sat med Kozuka Mincho Pr6n:

Eksempel på anvendelse af nalt CSS

Denne funktion erstatter standardglyffer med forskellige notationsformer (f.eks. glyffer placeret i åbne eller fyldte cirkler, firkanter, parenteser, ruder eller afrundede bokse).I nogle tilfælde kan en annotationsform allerede være til stede, men brugeren ønsker måske en anden. (Kilde.)

Funktionen til alternative annotationsformer er deaktiveret som standard og understøttes ikke i nogen version af Safari på Mac OS eller iOS. Den eneste måde at aktivere den på er med font-feature-settings ved hjælp af "nalt"-funktionsmærket.

Kursiv (ital)

Eksempel på kursiv i aktion, sat med Kozuka Mincho Pr6n:

Eksempel på anvendelse af ital CSS

Nogle skrifttyper (såsom Adobes Pro Japanese-skrifttyper) har både romerske og kursive former af nogle tegn i en enkelt skrifttype.Denne funktion erstatter de romerske glyffer med de tilsvarende kursive glyffer. (Kilde.)

Kursivfunktionen er deaktiveret som standard og understøttes ikke i nogen version af Safari på Mac OS eller iOS. Den eneste måde at aktivere den på er med font-feature-settings ved at bruge "ital"-funktionstagget.

Bemærk: om vertikale funktioner

De følgende OpenType-funktioner hjælper vertikalt orienteret tekst med at se bedre ud ved at ændre afstande og erstatte glyffer. Browserunderstøttelse af vertikal orientering er dog begrænset. Så selvom disse OT-funktioner måske understøttes og fungerer korrekt, hvis vertikal orientering ikke også understøttes og fungerer korrekt…ja, så har disse funktioner ingen betydning.

Vores kode her er baseret på W3C's CSS Writing Modes Level 3 Editor's Draft og på denne fantastiske forskning fra David Storey. Du kan se, hvordan dette tager form…men browserunderstøttelse er bare ikke der i øjeblikket. Vi testede koden ovenfor, og writing-mode virkede kun i Chrome.

Vertikal knibning (vkrn)

Denne funktion justerer mængden af plads mellem glyffer, generelt for at give visuelt ensartet afstand mellem glyffer.Selvom en veldesignet skrifttype generelt har konsistent afstand mellem glyffer, kræver nogle glyfkombinationer justering for forbedret læsbarhed.Udover standardjustering i den vertikale retning kan denne funktion levere størrelsesafhængige knibningsdata via enhedstabeller, "tværstrøms"-knibning i X-tekstretningen og justering af glyf-placering uafhængigt af fremskridtsjusteringen. Bemærk, at denne funktion kan gælde for serier på mere end to glyffer og ikke bruges i monospace-skrifttyper.Bemærk også, at denne funktion kun gælder tekst sat vertikalt. (Kilde.)

Funktionen til vertikal knibning er deaktiveret som standard og understøttes ikke i IE eller nogen version af Safari på Mac OS eller iOS.Og selvom denne funktion måske understøttes i Firefox, understøttes vertikal tekst ikke — så den er reelt ikke understøttet. Den eneste måde at aktivere den på er med font-feature-settings ved at bruge "vkrn"-funktionstagget. Hvis vkrn aktiveres, skal vpal også aktiveres, hvis det findes. Se også: Syntaks til brug af flere OpenType-funktioner og Bemærk: om lodrette funktioner.

Lodrette alternativer (vert)\n

Denne funktion erstatter standardformularer med varianter, der er justeret til lodret skrivning, når der skrives lodret.Selvom de fleste CJKV-glyffer forbliver lodrette, når de sættes i lodret skrivetilstand, antager nogle en anden form (som regel roteret og genplaceret) til dette formål.Glyffer, der er omfattet af denne funktion, svarer til det sæt, der normalt roteres i low-end DTP-applikationer.(Kilde.)

Funktionen til lodrette alternativer er aktiveret som standard, hvilket betyder, at den skal virke, uden at du behøver at skrive CSS — men den er ikke aktiveret som standard i nogen version af IE eller Firefox.Desuden kan den slet ikke aktiveres i Safari (Mac eller iOS).Se også: Bemærk: om lodrette funktioner.

Den eneste måde at aktivere funktionen til lodrette alternativer på er med font-feature-settings ved hjælp af "vert"-funktionstaget.

Proportionale alternative lodrette målinger (vpal)

Denne funktion geninddeler glyffer, der er designet til at blive sat på fuld em-højder, så de passer til individuelle (mere eller mindre proportionale) lodrette højder. Dette adskiller sig fra valt ved, at det ikke erstatter nye glyffer (GPOS, ikke GSUB-funktion). Brugeren foretrækker måske den fastbreddede form eller ønsker måske blot at sikre, at glyffen er velpassende. (Kilde.)

Funktionen til proportionale alternative lodrette målinger er deaktiveret som standard og understøttes ikke i IE eller nogen version af Safari på Mac OS eller iOS. Og selvom denne funktion muligvis understøttes i Firefox, understøttes lodret tekst ikke — så den er reelt ikke understøttet.Den eneste måde at aktivere den på er med font-feature-settings ved hjælp af "vpal"-funktionsmærket. Se også: Bemærk: om lodrette funktioner.

Alternative lodrette halvmålinger (vhal)

Denne funktion justerer afstanden mellem glyffer, der er designet til at blive sat på fuld em-højde, så de passer til halv em-højde.(Kilde.)

Funktionen alternate vertical half metrics er deaktiveret som standard og understøttes ikke i nogen version af IE, Firefox eller Safari på Mac OS eller iOS.Den eneste måde at aktivere den på er med skrifttype-feature-indstillinger ved hjælp af "vhal"-funktionstagget.Se også: Bemærk: om vertikale funktioner.

Lodrette Kana-alternativer (vkna)

Denne funktion erstatter standard kana med former, der er specielt designet til kun lodret skrift. Dette er en typografisk optimering for bedre tilpasning og mere ensartet farve. Se også hkna. (Kilde.)

Funktionen vertical kana alternates er deaktiveret som standard, og understøttes ikke i nogen version af Safari på Mac OS eller iOS. Den eneste måde at aktivere den på er med font-feature-settings ved hjælp af "vkna"-funktionstagget. Se også: Bemærk: om vertikale funktioner.

Knibning (kern)

Eksempel på knibning i handling, sat i Source Sans Pro:

Eksempel på anvendelse af kern CSS

Denne funktion justerer mængden af plads mellem glyffer, generelt for at give optisk konsistent afstand mellem glyffer. Selvom en veldesignet skrifttype har konsistent afstand mellem glyffer overordnet, kræver nogle glyf-kombinationer justering for bedre læsbarhed. Bemærk at denne funktion kan anvendes på rækker af mere end to glyffer, og ville ikke blive brugt i monospace-skrifttyper. Bemærk også at denne funktion ikke gælder for tekst sat lodret. (Kilde.)

Knibningsfunktionen er deaktiveret som standard, men i mange tilfælde er det vigtigt at aktivere den.

For at aktivere den med egenskaben font-kerning skal du bruge Værdien normal. For at opnå den samme effekt med font-feature-settings skal du bruge funktionstagget "kern".

Glyph-sammensætning/-opdeling (ccmp)

Eksempel på glyph-sammensætning/-opdeling i aktion, indstillet i indstillet i Source Han Sans:

Eksempel på anvendelse af ccmp CSS

For at minimere antallet af glyph-alternativer er det nogle gange ønskeligt at opdele et tegn i to glyph'er. Derudover kan det være at foretrække at sammensætte to tegn til en enkelt glyph for bedre glyph-behandling. Denne funktion tillader sådan sammensætning/opdeling.Funktionen skal behandles som den første funktion, der behandles, og skal kun behandles, når den kaldes. (Source.)

Funktionen glyph-sammensætning/-opdeling er aktiveret som standard, hvilket betyder, at den skal fungere uden, at du behøver at skrive CSS — men der er nogle få vanskelige betingelser omkring at sikre, at den er aktiveret. Denne funktion er ikke aktiveret som standard i Chrome eller Safari, men brug af en hvilken som helst font-feature-settings Værdi vil aktivere den.

For at sikre, at funktionen glyph-sammensætning/-opdeling er aktiveret, skal du bruge funktionstagget "ccmp" eksplicit — eller en hvilken som helst anden font-feature-settings Værdi.

Lokaliserede former (locl)

Mange skriftsystemer, der bruges til at skrive flere sprog over store geografiske områder, har udviklet lokaliserede variantformer af specifikke bogstaver, som bruges af individuelle litterære samfund.For eksempel har en række bogstaver i de bulgarske og serbiske alfabeter former, der adskiller sig fra deres russiske modstykker og fra hinanden. I nogle tilfælde adskiller den lokaliserede form sig kun subtilt fra Script-"normen", i andre er formerne radikalt forskellige. Denne funktion gør det muligt at erstatte lokaliserede former af glyph'er med standardformer. (kilde.)

Funktionen lokaliserede former er aktiveret som standard, hvilket betyder, at den skal fungere uden, at du behøver at skrive CSS — men den er faktisk kun aktiveret som standard i Firefox og understøttes slet ikke i Safari (Mac eller iOS) eller på Android. 

For at sikre, at funktionen til lokaliserede formularer er aktiveret, skal du bruge funktionsmærket "locl" eksplicit.

Hævet skrift (sups)

Eksempel på hævet skrift i brug, sat i Hypatia Sans Pro.

Eksempel på anvendelse af sups CSS

Denne funktion erstatter versaltallene eller oldstyle-tal med hævede tal (primært til fodnoter) og erstatter små bogstaver med hævede bogstaver (primært til forkortede franske titler).

Funktionen hævet skrift er deaktiveret som standard

For at aktivere den med egenskaben font-variant eller underegenskaben font-variant-position, skal du bruge værdien super. For at opnå samme effekt med font-feature-settings, skal du bruge funktionsmærket "sups".

Sænket skrift (subs)

Eksempel på sænket skrift i brug, sat i Warnock Pro.

Eksempel på anvendelse af subs CSS

Denne funktion kan erstatte et standardsymbol med et sænket symbol, eller den kan kombinere symbolerstatning med placeringsjusteringer for korrekt placering.

Funktionen sænket skrift er deaktiveret som standard

For at aktivere den med egenskaben font-variant eller underegenskaben font-variant-position, skal du bruge værdien sub. For at opnå samme effekt med font-feature-settings, skal du bruge funktionsmærket "subs".