We behandelen individuele OpenType-functies in detail op deze pagina met specifieke voorbeelden van elk daarvan.Voor een breder overzicht van het inschakelen van OpenType-functies in je webprojecten en het gebruiken ervan in CSS, zie ons hulpdocument over OpenType-functies gebruiken in CSS.
Ligaturen
Letters
- Kleine hoofdletters (smcp)
- Hoofdletters naar kleine hoofdletters (c2sc)
- Swashes (swsh)
- Stilistische alternatieven (salt)
Cijfers
- Lining-cijfers (lnum)
- Klassieke cijfers (onum)
- Proportionele cijfers (pnum)
- Tabulaire cijfers (tnum)
- Breuken (frac)
- Rangtelwoorden (ordn)
Stilistische sets
Oost-Aziatisch script
Breedtevarianten
- Proportionele breedtes (pwid)
- Proportionele alternatieve breedtes (palt)
- Proportionele Kana (pkna)
- Volledige breedtes (fwid)
- Halve breedtes (hwid)
- Alternatieve halve breedtes (halt)
- Derde breedtes (twid)
- Kwartbreedtes (qwid)
Culturele varianten
- JIS78-vormen (jp78)
- JIS83-vormen (jp83)
- JIS90-vormen (jp90)
- JIS2004-vormen (jp04)
- Traditionele vormen (trad)
- Ruby-notatievormen (ruby)
- Horizontale kana-alternatieven (hkna)
- NLC-kanji-vormen (nlck)
- Alternatieve annotatievormen (nalt)
- Cursief (ital)
Verticale functies
- Opmerking: over verticale functies
- Verticale spatiëring (vkrn)
- Verticale alternatieven (vert)
- Proportionele alternatieve verticale cijfers (vpal)
- Alternatieve verticale halve cijfers (vhal)
- Verticale kana-alternatieven (vkna)
Meer
Gewone/standaard ligaturen (liga)
Voorbeeld van ligaturen in actie, gezet in Warnock Pro.
Deze functie vervangt een volgorde van glyphs door een enkele glyph, een ligatuur genoemd, die de voorkeur geniet voor typografische doeleinden.Wanneer ingeschakeld, voegt deze functie de ligaturen in die de ontwerper/fabrikant geschikt acht voor normale omstandigheden.
De ligaturen-functie is standaard ingeschakeld, wat betekent dat het zou moeten werken zonder dat je CSS hoeft te schrijven — maar het is niet standaard ingeschakeld in Chrome. Bovendien kan het niet worden uitgeschakeld in Safari (Mac of iOS). En sommige versies van Chrome en Firefox hebben problemen met ligaturen die spaties bevatten.
Om het in te schakelen met de eigenschap font-variant of subeigenschap font-variant-ligatures, gebruik je de waarde common-ligatures, die zowel gewone als contextuele ligaturen activeert.Net als contextuele alternatieven hebben contextuele ligaturen ingebouwde voorwaardelijke logica die vervangende glyphs alleen in specifieke situaties toepast.Om hetzelfde effect te bereiken met lettertype-functie-instellingen, gebruik je zowel de 'liga'- als 'clig'-functietags.Zie ook: Syntaxis voor het gebruik van meerdere OpenType-functies.
Om deze functie uit te schakelen, gebruik je de waarde no-common-ligatures en een numerieke index van nul voor font-feature-settings.
Contextuele alternatieven (calt)
Voorbeeld van contextuele alternatieven in actie, gezet in Caflisch Script Pro.
Deze functie vervangt in bepaalde situaties standaardglyphs door alternatieve vormen die een betere verbindingswerking bieden. Net als ligaturen (hoewel niet strikt een ligatuurfunctie), worden contextuele alternatieven vaak gebruikt om de vormen van glyphs te Harmoniseren met de omringende context.
De functie voor contextuele alternatieven is standaard ingeschakeld, wat betekent dat het zou moeten werken zonder dat je CSS hoeft te schrijven — maar het is niet standaard ingeschakeld in Chrome. Bovendien kan het niet worden uitgeschakeld in Safari (Mac of iOS).
Om het in te schakelen met de eigenschap font-variant of subeigenschap font-variant-ligatures, gebruik je de waarde contextual. Om hetzelfde effect te bereiken met font-feature-settings, gebruik je de functietag 'calt'.
Om deze functie uit te schakelen, gebruik je de waarde no-contextual en een numerieke index van nul voor font-feature-settings.
Discretionaire ligaturen (dlig)
Voorbeeld van discretionaire ligaturen in actie, gezet in Warnock Pro.
Deze functie vervangt een volgorde van glyphs met een enkele glyph (een ligatuur), wat de voorkeur heeft voor typografische doeleinden. Wanneer ingeschakeld, voegt deze functie die ligaturen in die kunnen worden gebruikt voor speciaal effect.
De functie discretionaire ligaturen is standaard uitgeschakeld.
Om het in te schakelen met de eigenschap font-variant of de subeigenschap font-variant-ligatures gebruik je de waarde discretionary-ligatures.Om hetzelfde effect te bereiken met font-feature-Instellingen, gebruik je de functietag "dlig".
Kleine hoofdletters (smcp)
Voorbeeld van kleine hoofdletters in actie, gezet in Warnock Pro.
Deze functie zet kleine letters om in kleine hoofdletters.
De functie kleine hoofdletters is standaard uitgeschakeld.
Om het in te schakelen met de eigenschap font-variant of subeigenschap font-variant-caps, gebruik je de waarde small-caps. Om hetzelfde effect te bereiken met font-feature-Instellingen, gebruik je de functietag "smcp".
Merk op dat de functie voor kleine kapitalen in sommige lettertypes ook andere vormen kan bevatten.Volgens de OpenType-specificatie kan de smcp OpenType-functie "vormen bevatten die gerelateerd zijn aan kleine kapitalen, zoals cijfers in oude stijl."
Hoofdletters naar kleine kapitalen (c2sc)
Voorbeeld van hoofdletters naar kleine kapitalen in actie, gezet in Warnock Pro.
Deze functie zet hoofdletters om naar kleine kapitalen.
De functie hoofdletters naar kleine kapitalen is standaard uitgeschakeld.
Om deze in te schakelen met de eigenschap font-variant of subeigenschap font-variant-caps, gebruik je de waarde all-small-caps, die zowel hoofdletters als kleine letters omzet naar kleine kapitalen. Dit gedrag is logisch omdat je zelden kleine kapitalen wilt toepassen op alleen hoofdletters.Om hetzelfde effect te bereiken met font-feature-settings, gebruik je zowel de "c2sc" als "smcp" functie-tags. Zie ook: Syntaxis voor het gebruik van meerdere OpenType-functies.
Swashes (swsh)
Voorbeeld van swashes in actie, gezet in Bickham Script Pro 3.
Deze functie vervangt standaard karakterglyphs met bijbehorende swash-glyphs.
De swashes-functie is standaard uitgeschakeld.
Om deze in te schakelen met font-feature-settings, gebruik je de "swsh" functie-tag. Merk op dat er mogelijk meer dan één swash-alternatief is voor een bepaald karakter. Om alternatieve swashes te gebruiken, voeg je een numerieke index toe aan de waarde:
Dit zou de tweede beschikbare swash activeren, als deze bestaat in het lettertype. Zoals je waarschijnlijk al raadde, is het gebruik van een waarde van "swsh", zoals in ons eerste codevoorbeeld, gelijk aan het gebruik van een waarde van "swsh" 1.
Voorlopig slaan we de font-variant-eigenschap over omdat de "benoemde" waarden (zoals swash (vloeiend)) worden toegewezen aan numerieke swash-indices door font-feature-value CSS-definities, die nog niet worden ondersteund in grote browsers.
Stilistische alternatieven (salt)
Voorbeeld van swashes in actie, weergegeven in Bree.
Deze functie vervangt standaard glyphs door stilistische alternatieven.Zie ook: stilistische sets (ss##).
De functie voor stilistische alternatieven is standaard uitgeschakeld.
Om dit in te schakelen met font-feature-settings, gebruik je de "salt" feature tag. Merk op dat er mogelijk meer dan één stilistische variant is voor een bepaald teken. Om toegang te krijgen tot andere stilistische varianten, voeg je een numerieke index toe aan de waarde:
Dit zou de tweede beschikbare stilistische variant activeren, als deze bestaat in het lettertype. Zoals je waarschijnlijk al geraden hebt, is het gebruik van een Waarde van "salt", zoals in ons eerste codevoorbeeld, equivalent aan het gebruik van een Waarde van "salt" 1.
Voor nu slaan we de font-variant eigenschap over omdat de "benoemde" waarden (waarvan er geen goede voorbeelden zijn) worden toegewezen aan numerieke stilistische variant indices door font-feature-value CSS-definities, die nog niet worden ondersteund in enige grote browser.
Uitgelijnde cijfers (lnum)
Voorbeeld van uitgelijnde cijfers in actie, gezet in Warnock Pro.
Deze functie wijzigt numerieke glyphs van standaard- of oldstyle-cijfers naar uitgelijnde cijfers. Merk op dat sommige lettertypes lijnfiguren kunnen bevatten als hun standaard figurenstijl, in welk geval het inschakelen van deze functie mogelijk geen invloed lijkt te hebben op de stijl van glyphs.
De functie voor lijnfiguren is standaard uitgeschakeld.
Om deze in te schakelen met de eigenschap font-variant of de subeigenschap font-variant-numeric, gebruik je de waarde lining-nums.Om hetzelfde effect te bereiken met font-feature-settings, gebruik je de 'lnum'-functietag.
Oldstyle cijfers (onum)
Voorbeeld van oldstyle-cijfers in actie, gezet in Warnock Pro.
Deze functie wijzigt numerieke glyphs van standaard of lijnfiguren naar oldstyle-figuren. Merk op dat sommige lettertypes oldstyle-figuren kunnen bevatten als hun standaard figurenstijl, in welk geval het inschakelen van deze functie mogelijk geen invloed lijkt te hebben op de stijl van glyphs.
De functie voor oldstyle-figuren is standaard uitgeschakeld.
Om deze in te schakelen met de eigenschap font-variant of subeigenschap font-variant-numeric , gebruik je de waarde oldstyle-nums.Om hetzelfde effect te bereiken met font-feature-settings, gebruik je de "onum" feature tag.
Proportionele figuren (pnum)
Voorbeeld van proportionele figuren in actie, gezet in Hypatia Sans Pro.
Deze functie vervangt numerieke glyphs die zijn ingesteld op uniforme (tabulaire) breedtes door corresponderende glyphs die zijn ingesteld op glyph-specifieke (proportionele) breedtes. Merk op dat sommige lettertypes standaard proportionele figuren kunnen bevatten, in welk geval het inschakelen van deze functie mogelijk geen invloed lijkt te hebben op de Breedte van glyphs.
De functie voor proportionele figuren is standaard uitgeschakeld.
Om deze in te schakelen met de eigenschap font-variant of subeigenschap font-variant-numeric, gebruik je de waarde proportional-nums.Om hetzelfde effect te bereiken met font-feature-settings, gebruik je de feature tag 'pnum'.
Tabelcijfers (tnum)
Voorbeeld van tabelcijfers in actie, ingesteld in Hypatia Sans Pro.
Deze functie vervangt cijferglyphs met glyph-specifieke (proportionele) breedtes door overeenkomstige glyphs met uniforme (tabulaire) breedtes. Let op dat sommige lettertypes standaard tabelcijfers kunnen bevatten. In dat geval lijkt het inschakelen van deze functie mogelijk geen effect te hebben op de breedte van glyphs.
De tabelcijferfunctie is standaard uitgeschakeld.
Om deze in te schakelen met de eigenschap font-variant of de subeigenschap font-variant-numeric , gebruik je de waarde tabular-nums. Om hetzelfde effect te bereiken met font-feature-settings, gebruik je de feature tag 'tnum'.
Breuken (frac)
Voorbeeld van breuken in actie, ingesteld in Warnock Pro.
Deze functie vervangt cijfers gescheiden door een schuine streep door gewone (diagonale) breuken.
De breukfunctie is standaard uitgeschakeld.
Om deze in te schakelen met de eigenschap font-variant of de subeigenschap font-variant-numeric, gebruik je de waarde diagonal-fractions. Om hetzelfde effect te bereiken met font-feature-settings, gebruik je de feature tag 'frac'.
Rangtelwoorden (ordn)
Voorbeeld van rangtelwoorden in actie, ingesteld in Warnock Pro.
Deze functie vervangt standaard alfabetische glyphs met de overeenkomstige rangtelwoordvormen, voor gebruik na cijfers.
De rangtelwoordfunctie is standaard uitgeschakeld.
Om deze in te schakelen met de eigenschap font-variant of subeigenschap font-variant-numeric, gebruik je de waarde ordinal.Om hetzelfde effect te bereiken met lettertype-instellingen, gebruik je de 'ordn'-tag.
Merk op dat niet alle glyphvervanging plaatsvindt na cijfers. Volgens de OpenType-specificatie, "Eén uitzondering op de regel 'volgt op een cijfer' is het numeroteken (U+2116), wat eigenlijk een ligatuurvervanging is, maar het best toegankelijk is via deze functie."
Voorbeeld van stilistische sets in actie, gezet in Hypatia Sans Pro.
Deze functie vervangt sets van standaard tekenglyphs met stilistische varianten. Glyphs in stilistische sets kunnen ontworpen zijn om visueel te harmoniseren, op bepaalde manieren te interageren of anderszins samen te werken. Zie ook: stilistische alternatieven (salt), die ontworpen zijn om stilistische alternatieven van individuele glyphs te bieden.
De stilistische setsfunctie is standaard uitgeschakeld.
Om deze in te schakelen met font-feature-settings, gebruik je de "ss##" functie-tag, waarbij "##" elke tweecijferige combinatie van 01–20 is. Merk op dat lettertypen stilistische sets op volledig willekeurige en aangepaste manieren gebruiken. Bijvoorbeeld, twee verschillende lettertypen kunnen dezelfde functie (zoals ss01) gebruiken om totaal verschillende sets glyphs te vervangen; of een bepaald lettertype kan ss01 en ss03 gebruiken om sets glyphs te vervangen, maar ss02 negeren. Sommige lettertypefabrikanten bieden documentatie over hoe functies georganiseerd zijn.
Voor nu slaan we de eigenschap font-variant over omdat de "benoemde" waarden (zoals styleset(sharp-serifs)) gekoppeld zijn aan numerieke stilistische set-indices door font-feature-value CSS-definities, die nog niet ondersteund worden in grote browsers.
Proportionele breedtes (pwid)
Voorbeeld van proportionele breedte in actie, ingesteld in Kozuka Mincho Pr6n:
Deze functie vervangt glyphs die zijn ingesteld op uniforme breedtes (meestal vol of half-em) door proportioneel gespatieerde glyphs.De proportionele varianten worden vaak gebruikt voor de Latijnse tekens in CJKV-lettertypes, maar kunnen ook worden gebruikt voor Kana in Japanse lettertypes. (Bron.)
De functie voor proportionele breedte is standaard uitgeschakeld en wordt niet ondersteund in Safari op Mac OS of iOS.Om deze in te schakelen met de font-variant-eigenschap of font-variant-east-asian-subeigenschap, gebruik je de Waarde proportional-width. Om hetzelfde effect te bereiken met font-feature-Instellingen, gebruik je de 'pwid' feature tag.
Proportionele alternatieve breedtes (palt)
Voorbeeld van proportionele alternatieve breedtes in actie, ingesteld in set in Source Han Sans:
Deze functie past de spatiëring van glyphs aan die zijn ontworpen om te worden ingesteld op vol-em breedtes, zodat ze passen op individuele (min of meer proportionele) horizontale breedtes.Dit verschilt van pwid doordat het geen nieuwe glyphs vervangt (GPOS, geen GSUB-functie). De gebruiker heeft mogelijk de voorkeur voor de monospace-vorm, of wil er simpelweg voor zorgen dat de glyph goed past en niet wordt gedraaid in verticale instelling (Latijnse vormen ontworpen voor proportionele spatiëring zouden worden gedraaid). (Bron.)
De functie voor proportionele alternatieve breedtes is standaard uitgeschakeld en wordt niet ondersteund in enige versie van Safari op Mac OS of iOS.De enige manier om het in te schakelen is met lettertype-functie-instellingen, met de 'palt'-functietag.
Proportioneel kana (pkna)
Voorbeeld van proportionele kana in actie, ingesteld in Kozuka Mincho Pr6n:
Deze functie vervangt kana en kana-gerelateerde glyphs die zijn ingesteld op uniforme breedtes (halve of volledige breedte) met proportionele glyphs.Het is vergelijkbaar met de functie voor proportionele breedtes, maar beïnvloedt alleen kana.(Bron.)
De functie proportionele kana is standaard uitgeschakeld en wordt niet ondersteund in Safari op Mac OS of iOS.De enige manier om het in te schakelen is met font-feature-settings, met de "pkna" feature tag.
Volledige breedtes (fwid)
Voorbeeld van volledige breedtes in actie, ingesteld in Kozuka Mincho Pr6n:
Deze functie vervangt glyphs die zijn ingesteld op andere breedtes door glyphs die zijn ingesteld op volledige (meestal em) breedtes.In een CJKV-lettertype kan dit 'lower ASCII' Latijnse tekens en verschillende symbolen omvatten.In een Europees lettertype vervangt deze functie proportioneel gespatieerde glyphs door monospaced glyphs, die over het algemeen zijn ingesteld op een breedte van 0,6 em.(Bron.)
De functie volledige breedtes is standaard uitgeschakeld en wordt niet ondersteund in Safari op Mac OS of iOS.Om dit in te schakelen met de eigenschap font-variant of de subeigenschap font-variant-east-asian, gebruik je de waarde full-width. Om hetzelfde effect te bereiken met font-feature-settings, gebruik je de "fwid" functietag.
Halve breedtes (hwid)
Voorbeeld van halve breedtes in Kozuka Mincho Pr6n:
Deze functie vervangt glyphs met proportionele breedtes, of vaste breedtes anders dan een halve em, met glyphs met halve-em (en) breedtes. Veel CJKV-lettertypes hebben tekens die op meerdere breedtes zijn ingesteld; deze functie selecteert de halve-em versie.Er zijn verschillende contexten waarin dit het gewenste gedrag is, inclusief compatibiliteit met oudere desktopdocumenten.(Bron.)
De functie halve breedtes is standaard uitgeschakeld, en wordt niet ondersteund in geen enkele versie van Safari op Mac OS of iOS. De enige manier om het in te schakelen is met font-feature-settings, met behulp van de "hwid" functietag.
Alternatieve halve breedtes (halt)
Voorbeeld van alternatieve halve breedtes in actie, ingesteld in Kozuka Mincho Pr6n:
Deze functie herpositioneert glyphs die zijn ontworpen om te worden ingesteld op volle-em breedtes, zodat ze passen op halve-em breedtes. Dit verschilt van hwid doordat het geen nieuwe glyphs vervangt. (Bron.)
De functie voor alternatieve halve breedtes is standaard uitgeschakeld en wordt niet ondersteund in welke versie van Safari op Mac OS of iOS dan ook. De enige manier om deze functie in te schakelen is met font-feature-settings, met behulp van de "halt" feature tag.
Derde breedtes (twid)
Voorbeeld van derde breedtes in actie, ingesteld in Kozuka Mincho Pr6n:
Deze functie vervangt glyphs op andere breedtes met glyphs die zijn ingesteld op breedtes van een derde van een em. De karakters die hierbij betrokken zijn, zijn normaal gesproken cijfers en bepaalde vormen van interpunctie. (Bron.)
De functie voor derde breedtes is standaard uitgeschakeld en wordt niet ondersteund in welke versie van Safari op Mac OS of iOS dan ook. De enige manier om deze functie in te schakelen is met font-feature-settings, met behulp van de "twid" feature tag.
Kwartbreedtes (qwid)
Voorbeeld van kwartbreedte in actie, gezet in Kozuka Mincho Pr6n:
Deze functie vervangt glyphs op andere breedtes door glyphs die zijn ingesteld op breedtes van een kwart van een em (de helft van een en).De karakters die hierbij betrokken zijn, zijn normaal gesproken cijfers en bepaalde vormen van interpunctie. (Bron.)
De functie voor kwartbreedtes is standaard uitgeschakeld en wordt niet ondersteund in welke versie van Safari op Mac OS of iOS dan ook.De enige manier om dit in te schakelen is met lettertype-functie-instellingen, met behulp van de 'qwid'-functietag.
JIS78 Forms (jp78)
Voorbeeld van JIS78-formulieren in actie, gezet in Kozuka Mincho Pr6n:
Deze functie vervangt standaard (JIS90) Japanse glyphs met de bijbehorende formulieren uit de JIS C 6226-1978 (JIS78) specificatie. (Bron.)
De JIS78 Forms-functie is standaard uitgeschakeld en wordt niet ondersteund in welke versie van Safari op Mac of iOS dan ook.Om dit in te schakelen met de font-variant eigenschap of font-variant-east-asian subeigenschap, gebruik je de waarde jis78. Om hetzelfde effect te bereiken met font-feature-settings, gebruik je de "jp78" feature tag.
JIS83 Forms (jp83)
Voorbeeld van JIS83-vormen in actie, weergegeven in Kozuka Mincho Pr6n:
Deze functie vervangt standaard (JIS90) Japanse glyphs met de bijbehorende formulieren uit de JIS X 0208-1983 (JIS83) specificatie. (Bron.)
De JIS83-formulierenfunctie is standaard uitgeschakeld en wordt niet ondersteund in welke versie van Safari op Mac OS of iOS dan ook. Om dit in te schakelen met de font-variant eigenschap of font-variant-east-asian subeigenschap, gebruik je de waarde jis83. Om hetzelfde effect te bereiken met font-feature-settings, gebruik je de "jp83" feature tag.
JIS90 Vormen (jp90)
Voorbeeld van JIS90 vormen in actie, ingesteld in Kozuka Mincho Pr6n:
Deze functie vervangt Japanse glyphs uit de JIS78 of JIS83 specificaties met de overeenkomstige vormen uit de JIS X 0208-1990 (JIS90) specificatie. (Bron.)
De functie JIS90 Vormen is standaard uitgeschakeld en wordt niet ondersteund in Safari op Mac OS of iOS. Om deze in te schakelen met de eigenschap font-variant of de subeigenschap font-variant-east-asian, gebruik je de waarde jis90. Om hetzelfde effect te bereiken met font-feature-Instellingen, gebruik je de "jp90" feature tag.
JIS2004 Forms (jp04)
Voorbeeld van JIS2004-vormen in actie, gezet in Kozuka Mincho Pro:
De Nationale Taalraad (NLC) van Japan heeft nieuwe glyph-vormen gedefinieerd voor een aantal JIS-tekens, die zijn opgenomen in JIS X 0213:2004 als nieuwe prototypische vormen. De 'jp04' functie is een subset van de 'nlck' functie en wordt gebruikt om toegang te krijgen tot deze prototypische glyphs op een manier die de integriteit van JIS X 0213:2004 behoudt. (Bron.)
De functie JIS2004 Vormen is standaard uitgeschakeld en wordt niet ondersteund in Safari op Mac OS of iOS. Om deze in te schakelen met de eigenschap font-variant of de subeigenschap font-variant-east-asian, gebruik je de waarde jis04. Om hetzelfde effect te bereiken met font-feature-Instellingen, gebruik je de "jp04" feature tag.
Traditionele vormen (trad)
Voorbeeld van traditionele vormen in actie, gezet in Kozuka Mincho Pr6n:
Vervangt 'vereenvoudigde' Chinese hanzi- of Japanse kanji-vormen door de bijbehorende 'traditionele' vormen. (Bron.)
De traditionele vormen-functie is standaard uitgeschakeld en wordt niet ondersteund in Safari op Mac OS of iOS. Om deze in te schakelen met de font-variant eigenschap of font-variant-east-asian subeigenschap, gebruik je de waarde traditional. Om hetzelfde effect te bereiken met font-feature-Instellingen, gebruik je de "trad" functie-tag.
Ruby-notatievormen (ruby)
Voorbeeld van ruby-notatievormen in actie, gezet in Kozuka Mincho Pr6n:
Japanse typografie gebruikt vaak kleinere kana-tekens, meestal in superscript-vorm, om de betekenis van kanji te verduidelijken die onbekend kunnen zijn voor de lezer.Deze worden ruby genoemd, naar de oude zetterstermijn voor vier-punts lettertype. Deze functie identificeert glyphs in het lettertype die voor dit gebruik zijn ontworpen en vervangt ze door de standaardontwerpen. (Bron.)
De functie voor ruby-notatievormen is standaard uitgeschakeld.Om deze in te schakelen met de font-variant eigenschap of font-variant-east-asian subeigenschap, gebruik je de waarde ruby. Om hetzelfde effect te bereiken met font-feature-settings, gebruik je de "ruby" feature tag.
Let op het rt-element dat we stylen in het codevoorbeeld hierboven. Juiste markup voor ruby-tekst wordt uitgelegd in de HTML5-specificatie van W3C, in de sectie over semantiek op tekstniveau. Houd er ook rekening mee dat de positie en grootte van ruby-tekst kan variëren tussen browsers/versies; overweeg om browserstandaarden uit te schakelen met een reset stylesheet en ruby-tekst handmatig te positioneren en te dimensioneren.
Horizontale kana-alternatieven (hkna)
Voorbeeld van horizontale Kana-alternatieven in actie, gezet in Kozuka Mincho Pr6n:
Deze functie vervangt standaard kana met vormen die speciaal zijn ontworpen voor uitsluitend horizontaal schrift.Dit is een typografische optimalisatie voor betere letterspatiëring en een gelijkmatiger kleurbeeld.(Bron.)
De functie voor horizontale kana-alternatieven is standaard uitgeschakeld en wordt niet ondersteund in Safari op Mac OS of iOS.De enige manier om het in te schakelen is met de lettertype-functie-instellingen, met behulp van de 'hkna'-functietag.
NLC Kanji-vormen (nlck)
Voorbeeld van NLC kanji-vormen in actie, gezet in Kozuka Mincho Pr6n:
De Nationale Taalraad (NLC) van Japan heeft in 2000 nieuwe glyph-vormen gedefinieerd voor een aantal JIS-tekens. De 'nlck'-functie wordt gebruikt om toegang te krijgen tot die glyphs.(Bron.)
De NLC kanji-vormenfunctie is standaard uitgeschakeld en wordt niet ondersteund in enige versie van Safari op Mac OS of iOS.De enige manier om het in te schakelen is met font-feature-Instellingen, met gebruik van de "nlck" functie tag.
Alternatieve notitievormen (nalt)
Voorbeeld van alternatieve notitievormen in actie, ingesteld in Kozuka Mincho Pr6n:
Deze functie vervangt standaard glyphs met verschillende notatievervormen (bijv. glyphs geplaatst in open of solide cirkels, vierkanten, haakjes, ruiten of afgeronde dozen). In sommige gevallen kan een notitievorm al aanwezig zijn, maar de gebruiker wil misschien een andere. (Bron.)
De functie voor alternatieve notitievormen is standaard uitgeschakeld en wordt niet ondersteund in enige versie van Safari op Mac OS of iOS.De enige manier om het in te schakelen is met font-feature-Instellingen, met gebruik van de "nalt" functie tag.
Cursief (ital)
Voorbeeld van cursief in actie, gezet in Kozuka Mincho Pr6n:
Sommige lettertypes (zoals Adobe's Pro Japanese lettertypes) hebben zowel Romeinse als cursieve vormen van sommige tekens in een enkel lettertype. Deze functie vervangt de Romeinse glyphs door de bijbehorende cursieve glyphs.(Bron.)
De cursieve functie is standaard uitgeschakeld en wordt niet ondersteund in welke versie van Safari op Mac OS of iOS dan ook.De enige manier om deze functie in te schakelen is met font-feature-settings, met behulp van de "ital" functie-tag.
Opmerking: over verticale functies\n
De volgende OpenType-functies helpen verticaal georiënteerde tekst er beter uit te laten zien door glyphs opnieuw te spatiëren en te vervangen.Browserondersteuning voor verticale oriëntatie is echter beperkt.Hoewel deze OT-functies misschien ondersteund worden en goed werken, als verticale oriëntatie ook niet ondersteund wordt en goed werkt…dan doen deze functies er niet toe.
Onze code hier is gebaseerd op de CSS Writing Modes Level 3 Editor's Draft van W3C en op dit geweldige onderzoek van David Storey.Je kunt zien hoe dit vorm krijgt…maar browserondersteuning is op dit moment gewoon niet beschikbaar.We hebben de bovenstaande code getest en writing-mode werkte alleen in Chrome.
Verticale spatiëring (vkrn)\n
Deze functie past de hoeveelheid ruimte tussen glyphs aan, doorgaans om optisch consistente spatiëring tussen glyphs te bieden.Hoewel een goed ontworpen lettertype over het algemeen consistente spatiëring tussen glyphs heeft, vereisen sommige glyph-combinaties aanpassing voor verbeterde leesbaarheid.Naast standaardaanpassing in de verticale richting kan deze functie grootteafhankelijke spatiëringsgegevens leveren via apparaattabellen, "cross-stream" spatiëring in de X-tekstrichting en aanpassing van glyph-plaatsing onafhankelijk van de advance-aanpassing.Merk op dat deze functie kan gelden voor reeksen van meer dan twee glyphs en niet wordt gebruikt in monospaced-lettertypen.Let ook op dat deze functie alleen geldt voor verticaal ingestelde tekst.(Bron.)
De verticale spatiëringsfunctie is standaard uitgeschakeld en wordt niet ondersteund in IE of in enige versie van Safari op Mac OS of iOS.Hoewel deze functie misschien ondersteund wordt in Firefox, wordt verticale tekst niet ondersteund — dus het is feitelijk niet ondersteund.De enige manier om deze functie in te schakelen is met font-feature-settings, met behulp van de "vkrn" functie-tag.Als vkrn wordt geactiveerd, moet vpal ook worden geactiveerd als het bestaat.Zie ook: Syntaxis voor het gebruik van meerdere OpenType-functies en Opmerking: over verticale functies.
Verticale alternatieven (vert)
Deze functie vervangt standaardvormen door varianten die zijn aangepast voor verticaal schrijven in de verticale schrijfmodus.Hoewel de meeste CJKV-tekens verticaal blijven wanneer ze in verticale schrijfmodus worden ingesteld, nemen sommige een andere vorm aan (meestal geroteerd en hergepositioneerd) voor dit doel.Tekens die onder deze functie vallen, komen overeen met de set die normaal gesproken wordt geroteerd in eenvoudige DTP-applicaties.(Bron.)
De verticale alternatieven-functie is standaard ingeschakeld, wat betekent dat het zou moeten werken zonder dat je CSS hoeft te schrijven — maar het is niet standaard ingeschakeld in welke versie van IE of Firefox dan ook.Bovendien kan het helemaal niet worden ingeschakeld in Safari (Mac of iOS).Zie ook: Opmerking: over verticale functies.
De enige manier om de verticale alternatieven-functie in te schakelen is met font-feature-settings, met behulp van de "vert" functie-tag.
Proportionele alternatieve verticale metrieken (vpal)
Deze functie herverdeelt tekens die zijn ontworpen om op volledige em-hoogtes te worden ingesteld, en past ze aan op individuele (min of meer proportionele) verticale hoogtes.Dit verschilt van valt doordat het geen nieuwe tekens vervangt (GPOS, geen GSUB-functie).De gebruiker heeft mogelijk de voorkeur voor de monospaced vorm of wil er simpelweg voor zorgen dat het teken goed past.(Bron.)
De proportionele alternatieve verticale cijfers-functie is standaard uitgeschakeld, en wordt niet ondersteund in IE, of welke versie van Safari op Mac OS of iOS dan ook.En hoewel deze functie mogelijk wordt ondersteund in Firefox, wordt verticale tekst niet ondersteund — dus het is effectief niet ondersteund.De enige manier om het in te schakelen is met font-feature-settings, met behulp van de "vpal" functie-tag.Zie ook: Opmerking: over verticale functies.
Alternatieve verticale halve cijfers (vhal)\n
Deze functie herverdeelt tekens die zijn ontworpen om op volledige em-hoogtes te worden ingesteld, en past ze aan op halve em-hoogtes.(Bron.)
De functie voor alternatieve verticale halve statistieken is standaard uitgeschakeld en wordt niet ondersteund in welke versie van IE, Firefox of Safari op Mac OS of iOS dan ook.De enige manier om deze functie in te schakelen is met font-feature-settings, met behulp van de feature tag "vhal". Zie ook: Opmerking: over verticale functies.
Verticale Kana-alternatieven (vkna)
Deze functie vervangt standaard kana door vormen die speciaal zijn ontworpen voor uitsluitend verticale schrijfrichting.Dit is een typografische optimalisatie voor een betere pasvorm en een gelijkmatigere kleur. Zie ook hkna. (Bron.)
De functie voor verticale kana-alternatieven is standaard uitgeschakeld en wordt niet ondersteund in welke versie van Safari op Mac OS of iOS dan ook. De enige manier om deze functie in te schakelen is met font-feature-settings, met behulp van de feature tag "vkna". Zie ook: Opmerking: over verticale functies.
Spatiëring (kern)
Voorbeeld van spatiëring in actie, gezet in Source Sans Pro:
Deze functie past de hoeveelheid ruimte tussen glyphs aan, over het algemeen om visueel consistente spatiëring tussen glyphs te bieden. Hoewel een goed ontworpen lettertype over het algemeen consistente spatiëring tussen tekens heeft, vereisen sommige tekencombinaties aanpassing voor verbeterde leesbaarheid.Let op dat deze functie kan gelden voor reeksen van meer dan twee glyphs en niet zou worden gebruikt in lettertypes met vaste breedte.Let ook op dat deze functie niet geldt voor verticaal geplaatste tekst. (Bron.)
De spatiëringsfunctie is standaard uitgeschakeld, maar in veel gevallen is het belangrijk om deze in te schakelen.
Om het in te schakelen met de eigenschap font-kerning, gebruik je de waarde normal. Om hetzelfde effect te bereiken met font-feature-settings, gebruik je de "kern" feature tag.
Glyph-samenstelling/ontbinding (ccmp)
Voorbeeld van glyph-samenstelling/ontbinding in actie, ingesteld in ingesteld in Source Han Sans:
Om het aantal glyph-alternatieven te minimaliseren, is het soms gewenst om een teken te ontbinden in twee glyphs. Daarnaast kan het de voorkeur hebben om twee tekens samen te stellen tot een enkele glyph voor betere glyph-verwerking. Deze functie maakt dergelijke samenstelling/ontbinding mogelijk. De functie moet als eerste functie worden verwerkt en moet alleen worden verwerkt wanneer deze wordt aangeroepen.(Bron.)
De glyph-compositie/decompositiefunctie is standaard ingeschakeld, wat betekent dat het zou moeten werken zonder dat je CSS hoeft te schrijven — maar er zijn een paar lastige voorwaarden om er zeker van te zijn dat het ingeschakeld is.Deze functie is niet standaard ingeschakeld in Chrome of Safari, maar het gebruik van elke font-feature-settings waarde zal het inschakelen.
Om ervoor te zorgen dat de glyph-compositie/decompositiefunctie is ingeschakeld, gebruik je expliciet de "ccmp" feature tag — of elke andere font-feature-settings waarde.
Gelokaliseerde vormen (locl)
Veel schriften die worden gebruikt om meerdere talen over wijde geografische gebieden te schrijven hebben gelokaliseerde variantvormen van specifieke letters ontwikkeld, die door individuele literaire gemeenschappen worden gebruikt.Bijvoorbeeld, een aantal letters in de Bulgaarse en Servische alfabetten hebben vormen die verschillen van hun Russische tegenhangers en van elkaar.In sommige gevallen verschilt de gelokaliseerde vorm slechts subtiel van de script 'norm', in andere gevallen zijn de vormen radicaal verschillend.Deze functie maakt het mogelijk dat gelokaliseerde vormen van glyphs worden vervangen voor standaardvormen.(Bron.)
De gelokaliseerde vormen functie is standaard ingeschakeld, wat betekent dat het zou moeten werken zonder dat je CSS hoeft te schrijven — maar het is alleen daadwerkelijk standaard ingeschakeld in Firefox, en wordt helemaal niet ondersteund in Safari (Mac of iOS) of op Android.
Om ervoor te zorgen dat de functie voor gelokaliseerde formulieren is ingeschakeld, gebruik je expliciet de "locl" feature tag.
Superscript (sups)
Voorbeeld van superscript in actie, ingesteld in Hypatia Sans Pro.
Deze functie vervangt staande of ouderwetse cijfers door superieure cijfers (voornamelijk voor voetnootaanduidingen) en vervangt kleine letters door superieure letters (voornamelijk voor afgekorte Franse titels).
De superscript-functie is standaard uitgeschakeld.
Om deze in te schakelen met de font-variant-eigenschap of font-variant-position-subeigenschap, gebruik je de waarde super. Om hetzelfde effect te bereiken met font-feature-settings, gebruik je de "sups" feature tag.
Subscript (subs)
Voorbeeld van subscript in actie, gezet in Warnock Pro.
Deze functie kan een standaardteken vervangen door een subscript-teken, of het kan een tekenvervanging combineren met positieaanpassingen voor juiste plaatsing.
De subscript-functie is standaard uitgeschakeld.
Om deze in te schakelen met de font-variant-eigenschap of font-variant-position-subeigenschap, gebruik je de waarde sub. Om hetzelfde effect te bereiken met font-feature-settings, gebruik je de "subs" feature tag.
Adobe Fonts verkennen
Vind het perfecte lettertype voor elk web- of drukwerkproject.