Syntaks for OpenType-funksjoner i CSS

Sist oppdatert 16. nov. 2022

Vi dekker individuelle OpenType-funksjoner i detalj på denne siden, med spesifikke eksempler på hver. For en bredere oversikt over hvordan du aktiverer OpenType-funksjoner i web-prosjektene dine og bruker dem i CSS, se hjelpedokumentet vårt om bruk av OpenType-funksjoner i CSS.

Vanlige/standard ligaturer (liga)

Eksempel på ligaturer i bruk, satt med Warnock Pro.

Eksempel på bruk av liga CSS

Denne funksjonen erstatter en sekvens av glyfer med en enkelt glyf, kalt en ligatur, som foretrekkes av typografiske årsaker. Når den er aktivert, setter denne funksjonen inn ligaturene som designeren/produsenten mener bør brukes under normale forhold.

Ligatur-funksjonen er aktivert som standard, noe som betyr at den skal fungere uten at du trenger å skrive CSS — men den er ikke aktivert som standard i Chrome. Videre kan den ikke deaktiveres i Safari (Mac eller iOS). Og noen versjoner av Chrome og Firefox har problemer med ligaturer som inneholder mellomrom. 

For å aktivere den med font-variant-egenskapen eller font-variant-ligatures-underegenskapen, bruk verdien common-ligatures, som aktiverer både vanlige og kontekstuelle ligaturer. I likhet med kontekstuelle alternativer har kontekstuelle ligaturer innebygd betinget logikk som bare bruker erstatningsglyfer i spesifikke situasjoner.For å oppnå samme effekt med font-feature-settings, bruk både "liga"- og "clig"-funksjonstagene.Se også: Syntaks for bruk av flere OpenType-funksjoner.

For å deaktivere denne funksjonen, bruk no-common-ligatures-verdien og en numerisk indeks på null for font-feature-settings.

Kontekstuelle alternativer (calt)

Eksempel på kontekstuelle alternativer i bruk, satt med Caflisch Script Pro.

Eksempel på bruk av calt CSS

Denne funksjonen erstatter i spesifiserte situasjoner standardglyfer med alternative former som gir bedre sammenføyningsegenskaper.Som ligaturer (selv om det strengt tatt ikke er en ligaturfunksjon) brukes kontekstuelle alternativer ofte til å harmonisere formene på glyfer med den omgivende konteksten.

Funksjonen for kontekstuelle alternativer er aktivert som standard, noe som betyr at den skal fungere uten at du trenger å skrive CSS — men den er ikke aktivert som standard i Chrome. I tillegg kan den ikke deaktiveres i Safari (Mac eller iOS). 

For å aktivere den med egenskapen font-variant eller underegenskapen font-variant-ligatures, bruk verdien contextual. For å oppnå samme effekt med font-feature-settings, bruk funksjonsmerket "calt".

For å deaktivere denne funksjonen, bruk verdien no-contextual og en numerisk indeks på null for font-feature-settings.

Valgfrie ligaturer (dlig)

Eksempel på valgfrie ligaturer i bruk, satt i Warnock Pro.

Eksempel på bruk av dlig CSS

Denne funksjonen erstatter en sekvens av glyfer med en enkelt glyf (en ligatur), som er foretrukket for typografiske formål. Når aktivert, setter denne funksjonen inn ligaturer som kan brukes for spesialeffekt.

Funksjonen for valgfrie ligaturer er deaktivert som standard.

For å aktivere den med egenskapen font-variant eller underegenskapen font-variant-ligatures , bruk verdien discretionary-ligatures. For å oppnå samme effekt med font-feature-settings, bruk funksjonsmerket "dlig".

Små versaler (smcp)

Eksempel på små kapiteler i bruk, satt i Warnock Pro.

Eksempel på bruk av smcp CSS

Denne funksjonen gjør små bokstaver om til små versaler.

Funksjonen for små kapiteler er deaktivert som standard.

For å aktivere den med egenskapen font-variant eller underegenskapen font-variant-caps, bruk verdien small-caps. For å oppnå samme effekt med font-feature-settings, bruk funksjonsmerket "smcp".

Merk at i noen skrifter kan småversaler-funksjonen også inkludere andre former. I henhold til OpenType-spesifikasjonen kan smcp OpenType-funksjonen "inkludere former relatert til småversaler, som oldstyle-tall."

Store bokstaver til småversaler (c2sc)

Eksempel på store bokstaver til småversaler i aksjon, satt i Warnock Pro.

Eksempel på bruk av c2sc CSS

Denne funksjonen gjør store bokstaver om til småversaler.

Funksjonen store bokstaver til småversaler er deaktivert som standard

For å aktivere den med font-variant-egenskapen eller font-variant-caps-underegenskapen, bruk verdien all-small-caps, som gjør både store og små bokstaver om til småversaler. Denne oppførselen gir mening, fordi du sjelden vil bruke småversaler bare på store bokstaver. For å oppnå samme effekt med font-feature-settings, bruk både "c2sc"- og "smcp"-funksjonstagene. Se også: Syntaks for bruk av flere OpenType-funksjoner.

Sveiper (swsh)

Eksempel på sveiper i bruk, satt i Bickham Script Pro 3.

Eksempel på bruk av swsh CSS

Denne funksjonen erstatter standard karakterglyfer med tilsvarende sveipeglyfer.

Sveiper-funksjonen er deaktivert som standard

For å aktivere den med font-feature-settings, bruk funksjonstagg "swsh".Merk at det kan være mer enn ett sveipealternativ for en gitt karakter. For å få tilgang til alternative sveiper, legg til en numerisk indeks til verdien:

Dette vil aktivere den andre tilgjengelige swashen, hvis den finnes i skriften. Som du sikkert gjettet, er det å bruke verdien «swsh», som i det første kodeeksemplet vårt, det samme som å bruke «swsh» 1.

Foreløpig hopper vi over egenskapen font-variant fordi de "navngitte" verdiene (som swash (flytende)) blir tilordnet numeriske swash-indekser av font-feature-value CSS-definisjoner, som ennå ikke støttes i noen stor nettleser.

Stilistiske alternativer (salt)

Eksempel på swasher i bruk, satt i Bree.

Eksempel på hvordan du bruker salt CSS

Denne funksjonen erstatter standard tegnglyfene med stilistiske alternativer. Se også: stilistiske sett (ss##).

Funksjonen for stilistiske alternativer er deaktivert som standard

For å aktivere den med font-feature-settings, bruker du funksjonsmerket "salt". Legg merke til at det kan finnes mer enn ett stilistisk alternativ for et gitt tegn. For å få tilgang til andre stilistiske alternativer legger du til en numerisk indeks i verdien:

Dette vil aktivere det andre tilgjengelige stilistiske alternativet, hvis det finnes i skriften. Som du sikkert gjettet, er det å bruke verdien "salt", som i det første kodeeksemplet vårt, det samme som å bruke verdien "salt" 1.

Foreløpig hopper vi over egenskapen font-variant fordi de "navngitte" verdiene (som det ikke finnes gode eksempler på) blir tilordnet numeriske stilistiske alternative indekser av font-feature-value CSS-definisjoner, som ennå ikke støttes i noen stor nettleser.

Linjesifre (lnum)

Eksempel på linjesiffer i bruk, satt i Warnock Pro.

Eksempel på hvordan du bruker lnum CSS

Denne funksjonen endrer tallglyfene fra standard eller oldstyle-siffer til linjesiffer. Merk at noen skrifter kan inneholde stående siffer som standard siffer-stil, og i slike tilfeller vil det ikke se ut som om funksjonen påvirker glyf-stilen når den aktiveres.

Funksjonen for stående siffer er deaktivert som standard

For å aktivere den med font-variant-egenskapen eller font-variant-numeric-underegenskapen, bruk verdien lining-nums. For å oppnå samme effekt med font-feature-settings, bruk funksjonstag-en "lnum".

Oldstyle-siffer (onum)

Eksempel på oldstyle-siffer i bruk, satt i Warnock Pro.

Eksempel på bruk av onum CSS

Denne funksjonen endrer tallglyfer fra standard eller stående siffer til oldstyle-siffer. Merk at noen skrifter kan inneholde oldstyle-siffer som standardsiffer-stil, og i slike tilfeller vil det ikke se ut som om funksjonen påvirker glyf-stilen når den aktiveres.

Funksjonen for oldstyle-siffer er deaktivert som standard

For å aktivere den med font-variant-egenskapen eller font-variant-numeric -underegenskapen, bruk verdien oldstyle-nums. For å oppnå samme effekt med font-feature-settings, bruk funksjonstag-en "onum".

Proporsjonale siffer (pnum)

Eksempel på proporsjonale siffer i bruk, satt i Hypatia Sans Pro.

Eksempel på bruk av pnum CSS

Denne funksjonen erstatter tallglyfer satt med jevn (tabellær) bredde med tilsvarende glyfer satt med glyf-spesifikk (proporsjonal) bredde. Merk at noen skrifter kan inneholde proporsjonale siffer som standard, og i slike tilfeller vil det ikke se ut som om funksjonen påvirker bredden på glyfene når den aktiveres.

Funksjonen for proporsjonale siffer er deaktivert som standard

For å aktivere den med font-variant-egenskapen eller font-variant-numeric-underegenskapen, bruk verdien proportional-nums. For å oppnå samme effekt med font-feature-settings, bruk funksjonsmerket "pnum".

Tabulære tall (tnum)

Eksempel på tabulære tall i bruk, satt i Hypatia Sans Pro.

Eksempel på bruk av tnum CSS

Denne funksjonen erstatter tallglyfer satt på glyfspesifikke (proporsjonale) bredder med tilsvarende glyfer satt på enhetlige (tabulære) bredder. Merk at noen skrifter kan inneholde tabulære tall som standard, og i så fall vil ikke aktivering av denne funksjonen se ut til å påvirke bredden på glyfene.

Funksjonen for tabulære tall er deaktivert som standard

For å aktivere den med egenskapen font-variant eller underegenskapen font-variant-numeric , bruk verdien tabular-nums.For å oppnå samme effekt med font-feature-settings, bruk funksjonsmerket "tnum".

Brøker (frac)

Eksempel på brøker i bruk, satt med Warnock Pro.

Eksempel på bruk av frac CSS

Denne funksjonen erstatter tall adskilt av skråstrek med vanlige (diagonale) brøker.

Brøkfunksjonen er deaktivert som standard

For å aktivere den med egenskapen font-variant eller underkategorien font-variant-numeric, bruk verdien diagonal-fractions. For å oppnå samme effekt med font-feature-settings, bruk funksjonsmerket "frac".

Ordinaltall (ordn)

Eksempel på ordinaltall i bruk, satt i Warnock Pro.

Eksempel på bruk av ordn CSS

Denne funksjonen erstatter standard alfabetiske glyfer med tilsvarende ordinalformer, for bruk etter tall.

Ordinalfunksjonen er deaktivert som standard

For å aktivere den med egenskapen font-variant eller underegenskapen font-variant-numeric, bruk verdien ordinal. For å oppnå samme effekt med font-feature-settings, bruk funksjonsmerket "ordn".

Merk at ikke all glyfeerstatning skjer etter tall. I henhold til OpenType-spesifikasjonen: "Ett unntak fra regelen om å følge et tall er numerotegnet (U+2116), som faktisk er en ligatururstatning, men som best kan nås gjennom denne funksjonen."

Stilistiske sett (ss##)

Eksempel på stilistiske sett i bruk, satt i Hypatia Sans Pro.

Eksempel på bruk av stilistisk sett CSS

Denne funksjonen erstatter sett med standardglyfer med stilistiske varianter.Glyfer i stilistiske sett kan være utformet for å harmonere visuelt, samhandle på bestemte måter eller på annen måte fungere sammen. Se også: stilistiske alternativer (salt), som er utformet for å tilby stilistiske alternativer til individuelle glyfer.

Funksjonen for stilistiske sett er deaktivert som standard

For å aktivere den med font-feature-settings, bruk funksjonsmerket "ss##", der "##" er en hvilken som helst tosifret kombinasjon fra 01–20. Merk at skrifter bruker stilistiske sett på helt vilkårlige og tilpassede måter. For eksempel kan to forskjellige skrifter bruke samme funksjon (som ss01) til å erstatte helt forskjellige sett med glyfer; eller en bestemt skrift kan bruke ss01 og ss03 til å erstatte sett med glyfer, men ignorere ss02. Noen skriftprodusenter tilbyr dokumentasjon om hvordan funksjoner er organisert.

For nå hopper vi over egenskapen font-variant fordi dens "navngitte" verdier (som styleset(sharp-serifs)) er tilordnet numeriske stilistiske settindekser av font-feature-value CSS-definisjoner, som ennå ikke støttes i noen store nettlesere.

Proporsjonale bredder (pwid)

Eksempel på proporsjonal bredde i bruk, satt i Kozuka Mincho Pr6n:

Eksempel på bruk av pwid CSS

Denne funksjonen erstatter glyfer satt på ensartede bredder (vanligvis hel- eller halv-em) med proporsjonalt plasserte glyfer. De proporsjonale variantene brukes ofte for latinske tegn i CJKV-skrifter, men kan også brukes for Kana i japanske skrifter. (Source.)

Funksjonen for proporsjonal bredde er deaktivert som standard, og støttes ikke i noen versjon av Safari på Mac OS eller iOS.For å aktivere den med egenskapen font-variant eller underegenskapen font-variant-east-asian , bruk verdien proportional-width.For å oppnå samme effekt med font-feature-settings, bruk funksjonstaggen "pwid".

Proporsjonale alternative bredder (palt)

Eksempel på proporsjonale alternative bredder i bruk, satt i satt i Source Han Sans:

Eksempel på bruk av palt CSS

Denne funksjonen justerer avstanden mellom glyfer som er utformet for hel-em-bredder, og tilpasser dem til individuelle (mer eller mindre proporsjonale) horisontale bredder. Dette skiller seg fra pwid ved at det ikke erstatter nye glyfer (GPOS, ikke GSUB-funksjon).Brukeren kan foretrekke den monospace-formen, eller kan ganske enkelt ønske å sikre at glyfen passer godt og ikke roteres i vertikal innstilling (latinske former utformet for proporsjonal avstand vil bli rotert). (Kilde.)

Funksjonen for proporsjonale alternative bredder er deaktivert som standard, og støttes ikke i noen versjon av Safari på Mac OS eller iOS. Den eneste måten å aktivere den på er med font-feature-settings, ved å bruke funksjonstaggen "palt".

Proporsjonal kana (pkna)

Eksempel på proporsjonal kana i bruk, satt i Kozuka Mincho Pr6n:

Eksempel på bruk av pkna CSS

Denne funksjonen erstatter kana og kana-relaterte glyfer satt på ensartede bredder (halv eller full bredde) med proporsjonale glyfer. Den ligner på funksjonen for proporsjonale bredder, men påvirker bare kana. (kilde.)

Funksjonen for proporsjonal kana er deaktivert som standard, og støttes ikke i noen versjon av Safari på Mac OS eller iOS. Den eneste måten å aktivere den på er med font-feature-settings, ved å bruke funksjonstaggen "pkna".

Full bredde (fwid)

Eksempel på full bredde i bruk, satt i Kozuka Mincho Pr6n:

Eksempel på bruk av fwid CSS

Denne funksjonen erstatter glyfer satt på andre bredder med glyfer satt på full (vanligvis em) bredde. I en CJKV-skrift kan dette inkludere "nedre ASCII" latinske tegn og ulike symboler.I en europeisk skrift erstatter denne funksjonen proporsjonalt mellomromjusterte glyfer med fastbreddeglyfer, som vanligvis er angitt med bredder på 0,6 em.(Source.)

Funksjonen for full bredde er deaktivert som standard, og støttes ikke i noen versjon av Safari på Mac OS eller iOS. For å aktivere det med font-variant-egenskapen eller font-variant-east-asian-underegenskapen, bruk verdien full-width. For å oppnå samme effekt med font-feature-settings, bruk funksjonsetiketten "fwid".

Halvbredder (hwid)

Eksempel på halve bredder i bruk, angitt i Kozuka Mincho Pr6n:

Eksempel på bruk av hwid CSS

Denne funksjonen erstatter glyfer med proporsjonale bredder, eller faste bredder andre enn halv em, med glyfer med halv-em (en) bredder. Mange CJKV-fonter har glyfer som er satt på flere bredder; denne funksjonen velger halv-em-versjonen. Det finnes ulike kontekster der dette er ønsket oppførsel, inkludert kompatibilitet med eldre skrivebordsdokumenter. (Kilde.)

Funksjonen for halve bredder er deaktivert som standard, og støttes ikke i noen versjon av Safari på Mac OS eller iOS. Den eneste måten å aktivere den på er med font-feature-settings, ved å bruke funksjonsetiketten "hwid".

Alternative halve bredder (halt)

Eksempel på alternative halve bredder i bruk, angitt i Kozuka Mincho Pr6n:

Eksempel på bruk av halt CSS

Denne funksjonen endrer avstanden mellom glyfer som er designet for å settes på full-em-bredder, slik at de passer på halv-em-bredder. Dette skiller seg fra hwid ved at den ikke erstatter nye glyfer. (Kilde.)

Funksjonen for alternative halvbredder er deaktivert som standard, og støttes ikke i noen versjon av Safari på Mac OS eller iOS. Den eneste måten å aktivere den på er med font-feature-settings, ved å bruke funksjonstaggen "halt".

Tredjedelsbredder (twid)

Eksempel på tredjedelsbredder i bruk, satt i Kozuka Mincho Pr6n:

Eksempel på bruk av twid CSS

Denne funksjonen erstatter glyfer på andre bredder med glyfer satt på bredder på en tredjedel av en em. Tegnene som er involvert er vanligvis tall og noen former for tegnsetting. (Kilde.)

Funksjonen for tredjedelsbredder er deaktivert som standard, og støttes ikke i noen versjon av Safari på Mac OS eller iOS. Den eneste måten å aktivere den på er med font-feature-settings, ved å bruke funksjonstaggen "twid".

Fjerdedelsbredder (qwid)

Eksempel på fjerdedelsbredde i bruk, satt i Kozuka Mincho Pr6n:

Eksempel på bruk av qwid CSS

Denne funksjonen erstatter glyfer på andre bredder med glyfer satt på bredder på en fjerdedel av en em (halv en). Tegnene som er involvert er vanligvis tall og noen former for tegnsetting. (Kilde.)

Funksjonen for fjerdedelsbredder er deaktivert som standard, og støttes ikke i noen versjon av Safari på Mac OS eller iOS. Den eneste måten å aktivere det på er med font-feature-settings, ved å bruke funksjonstaggen "qwid".

JIS78-former (jp78)

Eksempel på JIS78-former i aksjon, satt i Kozuka Mincho Pr6n:

Eksempel på å bruke jp78 CSS

Denne funksjonen erstatter standard (JIS90) japanske glyfer med de tilsvarende formene fra JIS C 6226-1978 (JIS78)-spesifikasjonen.(Kilde.)

Funksjonen JIS78 Forms er deaktivert som standard, og støttes ikke i noen versjon av Safari på Mac OS eller iOS.For å aktivere den med font-variant-egenskapen eller font-variant-east-asian-underegenskapen, bruk verdien jis78.For å oppnå samme effekt med font-feature-settings, bruk funksjonstaggen "jp78".

JIS83-former (jp83)

Eksempel på JIS83-former i aksjon, satt i Kozuka Mincho Pr6n:

Eksempel på å bruke jp83 CSS

Denne funksjonen erstatter standard (JIS90) japanske glyfer med de tilsvarende formene fra JIS X 0208-1983 (JIS83)-spesifikasjonen.(Kilde.)

JIS83-formerfunksjonen er deaktivert som standard, og støttes ikke i noen versjon av Safari på Mac OS eller iOS.For å aktivere den med font-variant-egenskapen eller font-variant-east-asian-underegenskapen, bruk verdien jis83.For å oppnå samme effekt med font-feature-settings, bruk funksjonstaggen "jp83".

JIS90-skjemaer (jp90)

Eksempel på JIS90-skjemaer i bruk, satt med Kozuka Mincho Pr6n:

Eksempel på bruk av jp90 CSS

Denne funksjonen erstatter japanske glyfer fra JIS78- eller JIS83-spesifikasjonene med tilsvarende skjemaer fra JIS X 0208-1990 (JIS90)-spesifikasjonen. (Kilde.)

JIS90-skjemaer-funksjonen er deaktivert som standard, og støttes ikke i noen versjon av Safari på Mac OS eller iOS. For å aktivere den med font-variant-egenskapen eller font-variant-east-asian-underegenskapen, bruk verdien jis90. For å oppnå samme effekt med font-feature-settings, bruk funksjonsmerket "jp90".

JIS2004-skjemaer (jp04)

Eksempel på JIS2004-skjemaer i bruk, satt med Kozuka Mincho Pro:

Eksempel på bruk av jp04 CSS

Det nasjonale språkrådet (NLC) i Japan har definert nye glyfformer for en rekke JIS-tegn, som ble innlemmet i JIS X 0213:2004 som nye prototypiske skjemaer. "jp04"-funksjonen er en delmengde av "nlck"-funksjonen, og brukes til å få tilgang til disse prototypiske glyfene på en måte som opprettholder integriteten til JIS X 0213:2004. (Kilde.)

JIS2004-skjemaer-funksjonen er deaktivert som standard, og støttes ikke i noen versjon av Safari på Mac OS eller iOS. For å aktivere den med font-variant-egenskapen eller font-variant-east-asian-underegenskapen, bruk verdien jis04. For å oppnå samme effekt med font-feature-settings, bruk funksjonsmerket "jp04".

Tradisjonelle former (trad)

Eksempel på tradisjonelle former i bruk, satt i Kozuka Mincho Pr6n:

Eksempel på bruk av trad CSS

Erstatter "forenklede" kinesiske hanzi- eller japanske kanji-former med de tilsvarende "tradisjonelle" formene.(Kilde.)

De tradisjonelle formene-funksjonen er deaktivert som standard, og støttes ikke i noen versjon av Safari på Mac OS eller iOS.For å aktivere den med font-variant-egenskapen eller underegenskapen font-variant-east-asian, bruker du verdien traditional.For å oppnå samme effekt med font-feature-settings, bruker du funksjonstaggen "trad".

Ruby-notasjonsformer (ruby)

Eksempel på ruby-notasjonsformer i bruk, satt i Kozuka Mincho Pr6n:

Eksempel på bruk av ruby CSS

Japansk typesetting bruker ofte mindre kana-glyfer, vanligvis i hevet skrift, for å tydeliggjøre betydningen til kanji som kan være ukjent for leseren.Disse kalles ruby, fra det gamle typografiske begrepet for fire-punkts skrift.Denne funksjonen identifiserer glyfer i skriften som er utformet for denne bruken, og erstatter dem med standardutformingene.(Kilde.)

Ruby-notasjonsformer-funksjonen er deaktivert som standard.For å aktivere den med font-variant-egenskapen eller underegenskapen font-variant-east-asian, bruker du verdien ruby.For å oppnå samme effekt med font-feature-settings, bruk funksjonstaggen "ruby".

Legg merke til rt-elementet som vi styler, i kodeeksemplet ovenfor. Riktig markering for ruby-tekst er forklart i W3Cs HTML5-spesifikasjon, i delen om semantikk på tekstnivå. Merk også at posisjonen og størrelsen på ruby-tekst vil variere mellom nettlesere/versjoner. Vurder å deaktivere nettleserens standardinnstillinger med et reset-stilark og størrelse/posisjonere ruby-tekst manuelt.

Horisontale kana-alternativer (hkna)

Eksempel på horisontale Kana-alternativer i bruk, satt i Kozuka Mincho Pr6n:

Eksempel på bruk av hkna CSS

Denne funksjonen erstatter standard kana med former som er spesielt designet kun for horisontal skriving. Dette er en typografisk optimalisering for bedre tilpasning og jevnere farge. (kilde.)

Funksjonen for horisontale kana-alternativer er deaktivert som standard, og støttes ikke i noen versjon av Safari på Mac OS eller iOS. Den eneste måten å aktivere den på er med font-feature-settings, ved å bruke funksjonstaggen "hkna".

NLC Kanji-former (nlck)

Eksempel på NLC kanji-former i bruk, satt med Kozuka Mincho Pr6n:

Eksempel på bruk av nlck CSS

Det nasjonale språkrådet (NLC) i Japan har definert nye glyffformer for en rekke JIS-tegn i 2000. Funksjonen 'nlck' brukes for å få tilgang til disse glyffene. (Kilde.)

NLC kanji-formfunksjonen er deaktivert som standard, og støttes ikke i noen versjon av Safari på Mac OS eller iOS. Den eneste måten å aktivere den på er med font-feature-settings, ved å bruke funksjonstaggen "nlck".

Alternative merknadsformer (nalt)

Eksempel på alternative merknadsformer i aksjon, satt i Kozuka Mincho Pr6n:

Eksempel på bruk av nalt CSS

Denne funksjonen erstatter standardglyffer med ulike notasjonsformer (f.eks. glyffer plassert i åpne eller solide sirkler, firkanter, parenteser, diamanter eller avrundede bokser). I noen tilfeller kan en merknadsform allerede være til stede, men brukeren kan ønske en annen. (Kilde.)

Funksjonen for alternative merknadsformer er deaktivert som standard, og støttes ikke i noen versjon av Safari på Mac OS eller iOS. Den eneste måten å aktivere den på er med font-feature-settings, ved å bruke funksjonstaggen "nalt".

Kursiv (ital)

Eksempel på kursiv i aksjon, satt i Kozuka Mincho Pr6n:

Eksempel på bruk av ital CSS

Noen skrifter (som Adobes Pro-japanske skrifter) vil ha både vanlige og kursive former av noen tegn i en enkelt skrift.Denne funksjonen erstatter de romanske glyfene med de tilsvarende kursivglyfene. (Kilde.)

Kursivfunksjonen er deaktivert som standard, og støttes ikke i noen versjon av Safari på Mac OS eller iOS. Den eneste måten å aktivere den på er med font-feature-settings, ved å bruke funksjonsmerket "ital".

Merk: om vertikale funksjoner

Følgende OpenType-funksjoner hjelper vertikalt orientert tekst med å se bedre ut ved å justere mellomrom og erstatte glyfer.Imidlertid er nettleserstøtten for vertikal orientering begrenset. Så selv om disse OT-funksjonene kan være støttet og fungere som de skal, hvis vertikal orientering ikke også er støttet og fungerer som den skal…vel, da spiller ikke disse funksjonene noen rolle.

Koden vår her er basert på W3Cs CSS Writing Modes Level 3 Editor's Draft, og på denne fantastiske forskningen fra David Storey. Du kan se hvordan dette tar form … men nettleserstøtten er ikke på plass for øyeblikket.Vi testet koden ovenfor, og writing-mode fungerte bare i Chrome.

Vertikal kerning (vkrn)

Denne funksjonen justerer avstanden mellom glyfer, vanligvis for å gi visuelt konsistent avstand mellom tegnene.Selv om en veldesignet skrifttype har konsistent mellomrom mellom glyfer generelt, krever noen glyfkombinasjoner justering for forbedret lesbarhet.I tillegg til standardjustering i vertikal retning, kan denne funksjonen levere størrelses-avhengige kerning-data via enhetstabeller, "cross-stream" kerning i X-tekstretningen, og justering av glyfplassering uavhengig av avstandsjusteringen. Merk at denne funksjonen kan gjelde for sekvenser av mer enn to glyfer, og brukes ikke i monospace-skrifttyper.Merk også at denne funksjonen bare gjelder tekst satt vertikalt. (Kilde.)

Funksjonen for vertikal kerning er deaktivert som standard og støttes ikke i IE eller noen versjon av Safari på Mac OS eller iOS.Og selv om denne funksjonen kan støttes i Firefox, støttes ikke vertikal tekst — så den er faktisk ikke støttet.Den eneste måten å aktivere den på er med font-feature-settings, ved å bruke funksjonsmerket "vkrn". Hvis vkrn er aktivert, må vpal også aktiveres hvis den finnes. Se også: Syntaks for bruk av flere OpenType-funksjoner og Merk: om vertikale funksjoner.

Vertikale alternativer (vert)

Denne funksjonen erstatter standardformer med varianter tilpasset vertikal skriving når du er i vertikal skrivemodus. Selv om de fleste CJKV-glyfer forblir vertikale når de settes i vertikal skrivemodus, tar noen en annen form (vanligvis rotert og omplassert) for dette formålet.Glyfer som dekkes av denne funksjonen, tilsvarer settet som normalt roteres i enkle DTP-applikasjoner. (Kilde.)

Funksjonen for vertikale alternativer er aktivert som standard, noe som betyr at den skal fungere uten at du trenger å skrive CSS — men den er ikke aktivert som standard i noen versjon av IE eller Firefox.Videre kan den ikke aktiveres i det hele tatt i Safari (Mac eller iOS). Se også: Merk: om vertikale funksjoner.

Den eneste måten å aktivere funksjonen for vertikale alternativer på er med font-feature-settings, ved bruk av funksjonstagg "vert".

Proporsjonale alternative vertikale måleverdier (vpal)

Denne funksjonen justerer avstanden mellom glyfer som er designet for å settes på full em-høyde, og tilpasser dem til individuelle (mer eller mindre proporsjonale) vertikale høyder. Dette skiller seg fra valt ved at den ikke erstatter nye glyfer (GPOS, ikke GSUB-funksjon). Brukeren kan foretrekke den monobredde-formen, eller ønsker kanskje bare å sikre at glyfen passer godt. (Kilde.)

Funksjonen for proporsjonale alternative vertikale måleverdier er deaktivert som standard, og støttes ikke i IE eller noen versjon av Safari på Mac OS eller iOS.Og selv om denne funksjonen kan være støttet i Firefox, er ikke vertikal tekst støttet — så den er i praksis ikke støttet.Den eneste måten å aktivere den på er med font-feature-settings, ved bruk av funksjonstaggen "vpal". Se også: Merk: om vertikale funksjoner.

Alternative vertikale halvmåleverdier (vhal)

Denne funksjonen justerer avstanden mellom glyfer som er designet for å settes på full em-høyde, og tilpasser dem til halv em-høyde. (Kilde.)

Funksjonen for alternative vertikale halvmålinger er deaktivert som standard, og støttes ikke i noen versjon av IE, Firefox eller Safari på Mac OS eller iOS.Den eneste måten å aktivere den på er med font-feature-settings, ved å bruke funksjonskoden "vhal". Se også: Merk: om vertikale funksjoner.

Vertikale kana-alternativer (vkna)

Denne funksjonen erstatter standard kana med former som er spesielt utformet kun for vertikal skriving. Dette er en typografisk optimalisering for bedre tilpasning og jevnere farge. Se også hkna. (Kilde.)

Funksjonen for vertikale kana-alternativer er deaktivert som standard, og støttes ikke i noen versjon av Safari på Mac OS eller iOS. Den eneste måten å aktivere den på er med font-feature-settings, ved å bruke funksjonskoden "vkna". Se også: Merk: om vertikale funksjoner.

Kerning (kern)

Eksempel på kerning i aksjon, satt i Source Sans Pro:

Eksempel på bruk av kern CSS

Denne funksjonen justerer mengden mellomrom mellom glyfer, vanligvis for å gi optisk jevn avstand mellom glyfer.Selv om en veldesignet skrifttype har konsistent mellomrom mellom glyfer generelt, krever noen glyfkombinasjoner justering for forbedret lesbarhet. Merk at denne funksjonen kan gjelde sekvenser med mer enn to glyfer, og vil ikke bli brukt i skrifter med fast bredde.Merk også at denne funksjonen ikke gjelder tekst som er satt vertikalt. (Kilde.)

Kerning-funksjonen er deaktivert som standard, men i mange tilfeller er det viktig å aktivere den.

For å aktivere den med font-kerning-egenskapen, bruk verdien normal. For å oppnå samme effekt med font-feature-settings, bruk funksjonsmerket "kern".

Glyph-sammensetning/dekomponering (ccmp)

Eksempel på glyph-sammensetning/dekomponering i aksjon, satt i satt i Source Han Sans:

Eksempel på bruk av ccmp CSS

For å redusere antall glyph-alternativer, kan det være ønskelig å dekomponere et tegn til to glypher. I tillegg kan det være å foretrekke å sette sammen to tegn til en enkelt glyph for bedre glyph-behandling. Denne funksjonen tillater slik sammensetning/dekomponering. Funksjonen skal behandles som den første funksjonen som behandles, og skal bare behandles når den kalles. (Source.)

Funksjonen for glyph-sammensetning/dekomponering er aktivert som standard, noe som betyr at den skal fungere uten at du trenger å skrive CSS. Det finnes imidlertid noen vanskelige betingelser for å sørge for at den er aktivert.Denne funksjonen er ikke aktivert som standard i Chrome eller Safari, men bruk av hvilken som helst font-feature-settings-verdi vil aktivere den.

For å sikre at glyph-sammensetning/dekomponeringsfunksjonen er aktivert, bruk funksjonsmerket "ccmp" eksplisitt – eller en hvilken som helst annen font-feature-settings-verdi.

Lokaliserte former (locl)

Mange skriftsystemer som brukes til å skrive flere språk over store geografiske områder har utviklet lokaliserte variantformer av spesifikke bokstaver, som brukes av individuelle litterære samfunn. For eksempel har en rekke bokstaver i det bulgarske og serbiske alfabetet former som skiller seg fra de russiske motpartene og fra hverandre. I noen tilfeller skiller den lokaliserte formen seg bare subtilt fra skript-«normen», i andre er formene radikalt forskjellige.Denne funksjonen gjør det mulig å erstatte lokaliserte former av glypher med standardformer. (Source.)

De lokaliserte formene-funksjonen er aktivert som standard, noe som betyr at den skal virke uten at du må skrive CSS – men den er faktisk bare aktivert som standard i Firefox, og støttes ikke i det hele tatt i Safari (Mac eller iOS) eller på Android. 

For å sikre at funksjonen for lokaliserte skjemaer er aktivert, bruk funksjonstagen "locl" eksplisitt.

Hevet skrift (sups)

Eksempel på hevet skrift i bruk, satt med Hypatia Sans Pro.

Eksempel på bruk av sups CSS

Denne funksjonen erstatter vanlige tall eller tall i gammel stil med hevede tall (primært for fotnoteangivelse), og erstatter små bokstaver med hevede bokstaver (primært for forkortede franske titler).

Funksjonen for hevet skrift er deaktivert som standard

For å aktivere den med egenskapen font-variant eller underegenskapen font-variant-position, bruk verdien super. For å oppnå samme effekt med font-feature-settings, bruk funksjonstagen "sups".

Senket skrift (subs)

Eksempel på senket skrift i bruk, satt med Warnock Pro.

Eksempel på bruk av subs CSS

Denne funksjonen kan erstatte et standardtegn med et senket tegn, eller den kan kombinere en tegnsubstitusjon med posisjonsjusteringer for riktig plassering.

Funksjonen for senket skrift er deaktivert som standard

For å aktivere den med egenskapen font-variant eller underegenskapen font-variant-position, bruk verdien sub. For å oppnå samme effekt med font-feature-settings, bruk funksjonstagen "subs".