På den här sidan går vi igenom enskilda OpenType-funktioner i detalj, med specifika exempel på var och en.För en bredare översikt över hur du aktiverar OpenType-funktioner i dina webbprojekt och använder dem i CSS, se vårt hjälpdokument om att använda OpenType-funktioner i CSS.
Ligaturer
Bokstäver
Siffror
- Siffror med baslinje (lnum)
- Siffror i gammal stil (onum)
- Proportionella siffror (pnum)
- Tabulära siffror (tnum)
- Bråk (frac)
- Ordningstal (ordn)
Stilistiska uppsättningar
Östasiatiskt Skript
Breddvarianter
- Proportionella bredder (pwid)
- Proportionella alternativa bredder (palt)
- Proportionell kana (pkna)
- Fullbredd (fwid)
- Halvbredd (hwid)
- Alternativa halva bredder (halt)
- Tredjedelsbredd (twid)
- Kvartsbredd (qwid)
Kulturella varianter
- JIS78 Forms (jp78)
- JIS83 Forms (jp83)
- JIS90 Forms (jp90)
- JIS2004 Forms (jp04)
- Traditionella former (trad)
- Ruby-notationsformer (ruby)
- Horisontella kana-alternativ (hkna)
- NLC-kanjiformer (nlck)
- Alternativa kommentarsformer (nalt)
- Kursiv (ital)
Vertikala funktioner
- Obs: om vertikala funktioner
- Vertikal kerning (vkrn)
- Vertikala alternativ (vert)
- Proportionella alternativa vertikala mätvärden (vpal)
- Alternativa vertikala halvmätvärden (vhal)
- Vertikala kana-alternativ (vkna)
Mer
Vanliga/standardligaturer (liga)
Exempel på ligaturer i bruk, satta i Warnock Pro.
Den här funktionen ersätter en sekvens av glyfer med en enda glyf, kallad ligatur, som föredras av typografiska skäl. När den är aktiverad infogar den här funktionen ligaturerna som designern/tillverkaren bedömer bör användas under normala förhållanden.
Ligaturfunktionen är aktiverad som standard, vilket betyder att den bör fungera utan att du behöver skriva någon CSS – men den är inte aktiverad som standard i Chrome. Dessutom kan den inte inaktiveras i Safari (Mac eller iOS). Och vissa versioner av Chrome och Firefox har problem med ligaturer som innehåller mellanslag.
För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-ligatures, använd värdet common-ligatures, som aktiverar både vanliga och kontextuella ligaturer. Precis som kontextuella alternativ har kontextuella ligaturer inbyggd villkorslogik som tillämpar ersättningsglyfer endast i specifika situationer. För att uppnå samma effekt med font-feature-settings, använd både taggarna "liga" och "clig". Se även: Syntax för att använda flera OpenType-funktioner.
För att inaktivera den här funktionen, använd värdet no-common-ligatures och ett numeriskt index på noll för font-feature-settings.
Kontextuella alternativ (calt)
Exempel på kontextuella alternativ i bruk, satta i Caflisch Script Pro.
Den här funktionen ersätter, i specificerade situationer, standardglyfer med alternativa former som ger bättre sammanfogningsbeteende. Precis som ligaturer (men inte strikt en ligaturfunktion) används kontextuella alternativ vanligen för att harmonisera glyfernas former med den omgivande kontexten.
Funktionen för kontextuella alternativ är aktiverad som standard, vilket betyder att den bör fungera utan att du behöver skriva någon CSS – men den är inte aktiverad som standard i Chrome. Dessutom kan den inte inaktiveras i Safari (Mac eller iOS).
För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-ligatures, använd värdet contextual. För att uppnå samma effekt med font-feature-settings, använd funktionstaggen "calt".
För att inaktivera den här funktionen, använd värdet no-contextual och ett numeriskt index på noll för font-feature-settings.
Frivilliga ligaturer (dlig)
Exempel på frivilliga ligaturer i aktion, angivet i Warnock Pro.
Den här funktionen ersätter en sekvens av tecken med ett enda tecken (en ligatur), vilket föredras för typografiska ändamål. När den är aktiverad infogar den här funktionen de ligaturer som kan användas för specialeffekt.
Funktionen för frivilliga ligaturer är inaktiverad som standard.
För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-ligatures , använd värdet discretionary-ligatures. För att uppnå samma effekt med font-feature-settings, använd funktionstaggen "dlig".
Kapitäler (smcp)
Exempel på kapitäler i aktion, angivet i Warnock Pro.
Den här funktionen förvandlar små bokstäver till kapitäler.
Funktionen för kapitäler är inaktiverad som standard.
För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-caps, använd värdet small-caps. För att uppnå samma effekt med font-feature-settings, använd funktionstaggen "smcp".
Observera att i vissa typsnitt kan funktionen för kapitäler även innehålla andra former. Enligt OpenType-specifikationen kan OpenType-funktionen smcp "inkludera former relaterade till kapitäler, såsom siffror i gammal stil."
Versaler till kapitäler (c2sc)
Exempel på versaler till kapitäler i aktion, satt i Warnock Pro.
Denna funktion förvandlar versaler till kapitäler.
Funktionen versaler till kapitäler är inaktiverad som standard.
För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-caps, använd värdet all-small-caps, som förvandlar både versaler och gemener till kapitäler. Detta beteende är logiskt, eftersom du sällan vill tillämpa kapitäler endast på versaler. För att uppnå samma effekt med font-feature-settings, använd både funktionstaggen "c2sc" och "smcp". Se även: Syntax för att använda flera OpenType-funktioner.
Svängda bokstäver (swsh)
Exempel på svängda bokstäver i aktion, satt i Bickham Script Pro 3.
Denna funktion ersätter standardteckenglyfer med motsvarande svängda glyfer.
Funktionen för svängda bokstäver är inaktiverad som standard.
För att aktivera den med font-feature-settings, använd funktionstaggen "swsh".Observera att det kan finnas fler än ett swash-alternativ för ett givet tecken.För att komma åt alternativa svängda bokstäver, lägg till ett numeriskt index till värdet:
Detta skulle aktivera den andra tillgängliga swashen, om den finns i typsnittet.Som du förmodligen gissade är användning av värdet "swsh", som i vårt första kodexempel, detsamma som att använda värdet "swsh" 1.
För tillfället hoppar vi över egenskapen font-variant eftersom dess "namngivna" värden (som swash (flytande)) mappas till numeriska swash-index av font-feature-value CSS-definitioner, som ännu inte stöds i någon större webbläsare.
Stilistiska alternativ (salt)
Exempel på swashes i aktion, satt i Bree.
Den här funktionen ersätter standardteckenglyfer med stilistiska alternativ.Se även: stilistiska uppsättningar (ss##).
Funktionen för stilistiska alternativ är inaktiverad som standard.
För att aktivera den med font-feature-settings, använd funktionstaggen "salt".Observera att det kan finnas mer än ett stilistiskt alternativ för ett givet tecken.För att komma åt andra stilistiska alternativ, lägg till ett numeriskt index till värdet:
Detta skulle aktivera det andra tillgängliga stilistiska alternativet, om det finns i typsnittet.Som du förmodligen gissade är användning av värdet "salt", som i vårt första kodexempel, detsamma som att använda värdet "salt" 1.
För tillfället hoppar vi över egenskapen font-variant eftersom dess "namngivna" värden (varav det inte finns några bra exempel) mappas till numeriska stilistiska alternativindex av font-feature-value CSS-definitioner, som ännu inte stöds i någon större webbläsare.
Versaler (lnum)
Exempel på versaler i aktion, satt i Warnock Pro.
Den här funktionen ändrar sifferglyphes från förinställda eller oldstyle-siffror till versalsiffror.Observera att vissa font kan innehålla stående siffror som sin standardstil, och i så fall kanske aktivering av denna funktion inte verkar påverka glyfornas stil.
Funktionen för stående siffror är inaktiverad som standard.
För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-numeric, använd värdet lining-nums. För att uppnå samma effekt med font-feature-settings, använd funktionstaggen "lnum".
Gamla siffror (onum)
Exempel på gamla siffror i aktion, satta i Warnock Pro.
Denna funktion ändrar numeriska glyfer från standard- eller stående siffror till gamla siffror. Observera att vissa font kan innehålla gamla siffror som sin standardstil, och i så fall kanske aktivering av denna funktion inte verkar påverka glyfornas stil.
Funktionen för gamla siffror är inaktiverad som standard.
För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-numeric , använd värdet oldstyle-nums. För att uppnå samma effekt med font-feature-settings, använd funktionstaggen "onum".
Proportionella siffror (pnum)
Exempel på proportionella siffror i aktion, satta i Hypatia Sans Pro.
Den här funktionen ersätter numeriska glyfer med enhetlig (tabulär) bredd med motsvarande glyfer med glyfspecifik (proportionell) bredd.Observera att vissa font kan innehålla proportionella siffror som standard, och i så fall kanske aktivering av denna funktion inte verkar påverka glyfornas bredd.
Funktionen för proportionella siffror är inaktiverad som standard.
För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-numeric, använd värdet proportional-nums. För att uppnå samma effekt med font-feature-settings, använd funktionstaggen "pnum".
Tabulära siffror (tnum)
Exempel på tabulära siffror i bruk, satt med Hypatia Sans Pro.
Den här funktionen ersätter sifferglyfer som är satta på glyfspecifika (proportionella) bredder med motsvarande glyfer satta på enhetliga (tabulära) bredder. Observera att vissa typsnitt kan innehålla tabulära siffror som standard, och i så fall kanske aktivering av den här funktionen inte verkar påverka glyfernas bredd.
Funktionen tabulära siffror är inaktiverad som standard.
För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-numeric , använd värdet tabular-nums. För att uppnå samma effekt med font-feature-settings, använd funktionstaggen "tnum".
Bråk (frac)
Exempel på bråk i bruk, satt med Warnock Pro.
Den här funktionen ersätter siffror som är separerade med ett snedstreck med vanliga (diagonala) bråk.
Bråkfunktionen är inaktiverad som standard.
För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-numeric, använd värdet diagonal-fractions. För att uppnå samma effekt med font-feature-settings, använd funktionstaggen «frac».
Ordningstal (ordn)
Exempel på ordningstal i bruk, satt med Warnock Pro.
Den här funktionen ersätter standardalfabetiska glyfer med motsvarande ordningsformer, för användning efter siffror.
Ordningstalsfunktionen är inaktiverad som standard.
För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-numeric, använd värdet ordinal.För att uppnå samma effekt med font-feature-settings, använd funktionstaggen "ordn".
Observera att inte all glyfersättning sker efter siffror. Enligt OpenType-specifikationen: "Ett undantag från regeln följer-en-siffra är nummertecknet (U+2116), som faktiskt är en ligaturersättning, men som bäst nås genom denna funktion."
Exempel på stilistiska uppsättningar i aktion, ställd in med Hypatia Sans Pro.
Den här funktionen ersätter uppsättningar av standardteckenglyfer med stilistiska varianter.Glyfer i stilistiska uppsättningar kan vara utformade för att harmonisera visuellt, interagera på särskilda sätt eller på annat sätt fungera tillsammans.Se även: stilistiska alternativ (salt), som är utformat för att erbjuda stilistiska alternativ för enskilda glyfer.
Funktionen stilistiska uppsättningar är inaktiverad som standard.
För att aktivera den med font-feature-settings, använd funktionstaggen "ss##", där "##" är vilken tvåsiffrig kombination som helst från 01–20.Observera att teckensnitt använder stilistiska uppsättningar på helt godtyckliga och anpassade sätt.Till exempel kan två olika teckensnitt använda samma funktion (som ss01) för att ersätta helt olika uppsättningar av glyfer; eller så kan ett visst teckensnitt använda ss01 och ss03 för att ersätta uppsättningar av glyfer, men ignorera ss02.Vissa typgjuterier erbjuder dokumentation om hur funktioner är organiserade.
För tillfället hoppar vi över egenskapen font-variant eftersom dess "namngivna" Värden (som styleset(sharp-serifs)) mappas till numeriska stilistiska uppsättningsindex av font-feature-value CSS-definitioner, som ännu inte stöds i någon större webbläsare.
Proportionella bredder (pwid)
Exempel på proportionell bredd i praktiken, inställd i Kozuka Mincho Pr6n:
Den här funktionen ersätter glyfer som är inställda på enhetliga bredder (vanligtvis hel eller halv em) med proportionellt utrymmade glyfer. De proportionella varianterna används ofta för latinska tecken i CJKV-typsnitt, men kan också användas för Kana i japanska typsnitt.(Source.)
Funktionen för proportionell bredd är inaktiverad som standard och stöds inte i någon version av Safari på Mac OS eller iOS. För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-east-asian , använd värdet proportional-width. För att uppnå samma effekt med font-feature-settings, använd funktionstaggen "pwid".
Proportionella alternativa bredder (palt)
Exempel på proportionella alternativa bredder i praktiken, inställd i set in Source Han Sans:
Den här funktionen omfördelar utrymmet för glyfer som är designade att placeras på full em-bredd och anpassar dem till individuella (mer eller mindre proportionella) horisontella bredder.Detta skiljer sig från pwid genom att det inte ersätter nya glyfer (GPOS, inte GSUB-funktion). Användaren kan föredra den monospace-formen eller kanske helt enkelt vill säkerställa att glyfen passar bra och inte roteras i vertikal inställning (latinska former designade för proportionell utrymmning skulle roteras). (Source.)
Funktionen för proportionella alternativa bredder är inaktiverad som standard och stöds inte i någon version av Safari på Mac OS eller iOS. Det enda sättet att aktivera det är med font-feature-settings, med hjälp av funktionstaggen "palt".
Proportionell Kana (pkna)
Exempel på proportionell kana i bruk, inställt i Kozuka Mincho Pr6n:
Denna funktion ersätter kana och kana-relaterade tecken som är inställda på enhetliga breddmått (halv eller hel bredd) med proportionella tecken.Den liknar funktionen för proportionella breddmått, men påverkar endast kana.(källa.)
Funktionen proportionell kana är inaktiverad som standard och stöds inte i någon version av Safari på Mac OS eller iOS.Det enda sättet att aktivera det är med font-feature-settings, med hjälp av funktionstaggen "pkna".
Fullbredd (fwid)
Exempel på fullständiga breddmått i bruk, inställt i Kozuka Mincho Pr6n:
Denna funktion ersätter tecken som är inställda på andra breddmått med tecken som är inställda på fullständiga (vanligtvis em) breddmått.I ett CJKV-typsnitt kan detta inkludera "lägre ASCII" latinska tecken och olika symboler.I ett europeiskt typsnitt ersätter denna funktion proportionellt utplacerade tecken med tecken med fast bredd, som generellt är inställda på breddmått på 0,6 em.(Källa.)
Funktionen fullständiga breddmått är inaktiverad som standard och stöds inte i någon version av Safari på Mac OS eller iOS.För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-east-asian, använd värdet full-width. För att uppnå samma effekt med font-feature-settings använder du funktionstaggen "fwid".
Halvbredder (hwid)
Exempel på halvbredder i praktiken, inställt i Kozuka Mincho Pr6n:
Den här funktionen ersätter tecken med proportionella bredder, eller fasta bredder andra än halv em, med tecken med halv-em (en) bredder. Många CJKV-teckensnitt har tecken som är inställda på flera bredder; den här funktionen väljer halv-em-versionen. Det finns olika sammanhang där detta är det föredragna beteendet, inklusive kompatibilitet med äldre skrivbordsdokument. (Källa.)
Funktionen för halvbredder är inaktiverad som standard och stöds inte i någon version av Safari på Mac eller iOS.Det enda sättet att aktivera den är med font-feature-settings, med funktionstaggen "hwid".
Alternativa halvbredder (halt)
Exempel på alternativa halvbredder i praktiken, inställt i Kozuka Mincho Pr6n:
Den här funktionen ändrar avståndet för tecken som är utformade för att vara inställda på full-em-bredder, så att de passar på halv-em-bredder. Detta skiljer sig från hwid genom att det inte ersätter nya tecken. (Källa.)
Funktionen för alternativa halvbredder är inaktiverad som standard och stöds inte i någon version av Safari på Mac OS eller iOS. Det enda sättet att aktivera den är med font-feature-settings, med funktionstaggen "halt".
Tredjedelsbredder (twid)
Exempel på tredjedelsbredder i praktiken, inställt i Kozuka Mincho Pr6n:
Denna funktion ersätter glyfer på andra bredder med glyfer inställda på bredder av en tredjedel av en fyrkant. De tecken som berörs är normalt siffror och vissa former av interpunktion. (Källa.)
Funktionen för tredjedelsbredder är inaktiverad som standard och stöds inte i någon version av Safari på Mac OS eller iOS. Det enda sättet att aktivera den är med font-feature-settings, med funktionstaggen "twid".
Kvartsbredder (qwid)
Exempel på kvartsbredd i praktiken, inställt i Kozuka Mincho Pr6n:
Denna funktion ersätter glyfer på andra bredder med glyfer inställda på bredder av en fjärdedel av en fyrkant (halva en en-bredd). De tecken som berörs är normalt siffror och vissa former av interpunktion. (Källa.)
Funktionen för kvartsbredder är inaktiverad som standard och stöds inte i någon version av Safari på Mac OS eller iOS. Det enda sättet att aktivera det är med font-feature-settings, med hjälp av funktionstaggen "qwid".
JIS78-former (jp78)
Exempel på JIS78-formulär i praktiken, uppsatt i Kozuka Mincho Pr6n:
Den här funktionen ersätter japanska standardtecken (JIS90) med motsvarande former från JIS C 6226-1978 (JIS78)-specifikationen.(Källa.)
Funktionen JIS78-formulär är inaktiverad som standard och stöds inte i någon version av Safari på Mac OS eller iOS.För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-east-asian, använd värdet jis78.För att uppnå samma effekt med font-feature-settings, använd funktionstaggen "jp78".
JIS83-teckenformer (jp83)
Exempel på JIS83-formulär i praktiken, uppsatt i Kozuka Mincho Pr6n:
Den här funktionen ersätter japanska standardglyfer (JIS90) med motsvarande former från JIS X 0208-1983 (JIS83)-specifikationen.(Källa.)
Funktionen JIS83-formulär är inaktiverad som standard och stöds inte i någon version av Safari på Mac OS eller iOS.För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-east-asian, använd värdet jis83.För att uppnå samma effekt med font-feature-settings, använd funktionstaggen "jp83".
JIS90-former (jp90)
Exempel på JIS90-formulär i praktiken, uppsatta i Kozuka Mincho Pr6n:
Denna funktion ersätter japanska glyfer från JIS78- eller JIS83-specifikationerna med motsvarande former från JIS X 0208-1990 (JIS90)-specifikationen.(Källa.)
Funktionen JIS90-formulär är inaktiverad som standard och stöds inte i någon version av Safari på Mac OS eller iOS. För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-east-asian, använd värdet jis90. För att uppnå samma effekt med font-feature-settings, använd funktionstaggen "jp90".
JIS2004-former (jp04)
Exempel på JIS2004-former i praktiken, satt med Kozuka Mincho Pro:
Japans nationalspråksråd (NLC) har definierat nya glyfformer för ett antal JIS-tecken, som införlivades i JIS X 0213:2004 som nya prototypiska former.Funktionen 'jp04' är en deluppsättning av funktionen 'nlck' och används för att komma åt dessa prototypiska glyfer på ett sätt som bevarar integriteten hos JIS X 0213:2004.(Källa.)
Funktionen JIS2004-formulär är inaktiverad som standard och stöds inte i någon version av Safari på Mac OS eller iOS. För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-east-asian, använd värdet jis04. För att uppnå samma effekt med font-feature-settings, använd funktionstaggen "jp04".
Traditionella former (trad)
Exempel på traditionella former i praktiken, satta i Kozuka Mincho Pr6n:
Ersätter "förenklade" kinesiska hanzi eller japanska kanji-former med motsvarande "traditionella" former. (Källa.)
Funktionen för traditionella former är inaktiverad som standard och stöds inte i någon version av Safari på Mac OS eller iOS. För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-east-asian, använd värdet traditional. För att uppnå samma effekt med font-feature-settings, använd funktionstaggen "trad".
Ruby-notationsformer (ruby)
Exempel på ruby-notationsformer i praktiken, satta i Kozuka Mincho Pr6n:
Japansk typsättning använder ofta mindre kana-glyfer, vanligtvis i upphöjd form, för att förtydliga betydelsen av kanji som kan vara okända för läsaren. Dessa kallas ruby, från den gamla typsättningstermen för fyrapunktsstorlek.Den här funktionen identifierar glyfer i teckensnittet som har utformats för detta ändamål och ersätter dem med standardutformningarna. (Källa.)
Funktionen för ruby-notationsformer är inaktiverad som standard. För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-east-asian, använd värdet ruby. För att uppnå samma effekt med font-feature-settings, använd "ruby"-funktionstaggen.
Observera rt-elementet som vi formaterar i kodexemplet ovan. Korrekt markering för ruby-text förklaras i W3C:s HTML5-specifikation, i avsnittet om semantik på textnivå. Observera även att positionen och storleken på ruby-text kommer att variera mellan webbläsare/versioner; överväg att inaktivera webbläsarens standardinställningar med ett reset-formatmall och storlek/positionera ruby-text manuellt.
Horizontal Kana Alternates (hkna)
Exempel på horisontella Kana-alternativ i aktion, ställt in i Kozuka Mincho Pr6n:
Denna funktion ersätter standard-kana med former som har designats särskilt för endast horisontell skrivning. Detta är en typografisk optimering för bättre anpassning och jämnare färg.(Källa.)
Funktionen för horisontella kana-alternativ är inaktiverad som standard och stöds inte i någon version av Safari på Mac OS eller iOS. Det enda sättet att aktivera den är med font-feature-settings, med hjälp av "hkna"-funktionstaggen.
NLC Kanji Forms (nlck)
Exempel på NLC kanji-former i aktion, ställt in i Kozuka Mincho Pr6n:
Japans nationella språkråd (NLC) har definierat nya glyfformer för ett antal JIS-tecken år 2000. Funktionen 'nlck' används för att komma åt dessa glyfer. (Källa.)
Funktionen för NLC kanji-former är inaktiverad som standard och stöds inte i någon version av Safari på Mac OS eller iOS. Det enda sättet att aktivera den är med font-feature-settings, med hjälp av funktionstaggen "nlck".
Alternativa kommentarformer (nalt)
Exempel på alternativa kommentarformer i aktion, satta i Kozuka Mincho Pr6n:
Denna funktion ersätter standardglyfer med olika notationsformer (t.ex. glyfer placerade i öppna eller fyllda cirklar, fyrkanter, parenteser, diamanter eller rundade rutor). I vissa fall kan en kommentarform redan finnas, men användaren kanske vill ha en annan. (Källa.)
Funktionen för alternativa kommentarformer är inaktiverad som standard och stöds inte i någon version av Safari på Mac OS eller iOS. Det enda sättet att aktivera den är med font-feature-settings, med hjälp av funktionstaggen "nalt".
Kursiv stil (ital)
Exempel på kursiv stil i praktiken, angiven i Kozuka Mincho Pr6n:
Vissa typsnitt (som Adobes Pro japanska typsnitt) har både romerska och kursiva former av vissa tecken i ett enda typsnitt. Den här funktionen ersätter de romerska tecknen med motsvarande kursiva tecken. (Source.)
Kursivfunktionen är inaktiverad som standard och stöds inte i någon version av Safari på Mac OS eller iOS. Det enda sättet att aktivera den är med font-feature-settings, med funktionstaggen "ital".
Obs! Om vertikala funktioner
Följande OpenType-funktioner hjälper till att få vertikalt orienterad text att se bättre ut genom att ändra avstånd och ersätta tecken. Webbläsarstöd för vertikal orientering är dock begränsat. Så även om dessa OT-funktioner kan stödjas och fungera korrekt, om vertikal orientering inte också stöds och fungerar korrekt... då spelar dessa funktioner ingen roll.
Vår kod här baseras på W3C:s CSS Writing Modes Level 3 Editor's Draft och på denna fantastiska forskning från David Storey. Du kan se hur det här tar form... men webbläsarstöd finns helt enkelt inte för tillfället. Vi testade koden ovan, och writing-mode fungerade bara i Chrome.
Vertikal kerning (vkrn)
Den här funktionen justerar mängden utrymme mellan tecken, vanligtvis för att ge optiskt konsekvent avstånd mellan tecken. Även om ett väldesignat teckensnitt har konsekvent avstånd mellan tecken överlag, kräver vissa teckenkombinationer justering för förbättrad läsbarhet. Förutom standardjustering i vertikal riktning kan den här funktionen tillhandahålla storleksberoende kerning-data via enhetstabeller, "cross-stream" kerning i X-textriktningen och justering av teckenplacering oberoende av framstegsjusteringen. Observera att den här funktionen kan tillämpas på serier med fler än två tecken och skulle inte användas i teckensnitt med fast bredd. Observera också att den här funktionen endast gäller text som är inställd vertikalt. (Source.)
Den vertikala kerningfunktionen är inaktiverad som standard och stöds inte i IE eller någon version av Safari på Mac OS eller iOS.Och även om den här funktionen kan stödjas i Firefox stöds inte vertikal text — så den är i praktiken ostödd. Det enda sättet att aktivera den är med font-feature-settings, med funktionstaggen "vkrn". Om vkrn är aktiverat måste vpal också aktiveras om det finns. Se även: Syntax för att använda flera OpenType-funktioner och Obs: om lodräta funktioner.
Vertical Alternates (vert)
Denna funktion ersätter standardformer med varianter som är anpassade för lodrät skrift när man skriver lodrätt. De flesta CJKV-tecken förblir lodräta när de anges i lodrätt skriftläge, men vissa antar en annan form (vanligtvis roterade och ompositionerade) för detta ändamål.Tecken som omfattas av denna funktion motsvarar den uppsättning som normalt roteras i enkla DTP-program. (Källa.)
Funktionen vertical alternates är aktiverad som standard, vilket innebär att den ska fungera utan att du behöver skriva någon CSS — men den är inte aktiverad som standard i någon version av IE eller Firefox. Dessutom kan den inte aktiveras alls i Safari (Mac eller iOS). Se även: Obs: om lodräta funktioner.
Det enda sättet att aktivera funktionen vertical alternates är med font-feature-settings, med hjälp av funktionstaggen "vert".
Proportional Alternate Vertical Metrics (vpal)
Denna funktion ändrar avståndet för tecken som är utformade för att sättas på full em-höjd, så att de passar individuella (mer eller mindre proportionella) lodräta höjder. Detta skiljer sig från valt genom att det inte ersätter nya tecken (GPOS, ingen GSUB-funktion).Användaren kan föredra den monospace-formen, eller kanske helt enkelt vill säkerställa att tecknet passar bra. (Källa.)
Funktionen proportional alternate vertical metrics är inaktiverad som standard, och stöds inte i IE, eller någon version av Safari på Mac OS eller iOS. Och även om denna funktion kan stödjas i Firefox, stöds inte lodrät text — så den är i praktiken ostödd. Det enda sättet att aktivera den är med font-feature-settings, med hjälp av funktionstaggen "vpal". Se även: Obs: om lodräta funktioner.
Alternate Vertical Half Metrics (vhal)
Denna funktion ändrar avståndet för tecken som är utformade för att sättas på full em-höjd, så att de passar på halv em-höjd. (Källa.)
Funktionen för alternativa vertikala halvmätvärden är inaktiverad som standard och stöds inte i någon version av IE, Firefox eller Safari på Mac OS eller iOS. Det enda sättet att aktivera den är med font-feature-settings, med funktionstaggen "vhal". Se även: Obs! om vertikala funktioner.
Vertikala Kana-alternativ (vkna)
Denna funktion ersätter standard-kana med former som har utformats särskilt för vertikal skrift.Detta är en typografisk optimering för bättre anpassning och jämnare färg.Se även hkna. (Källa.)
Funktionen för vertikala kana-alternativ är inaktiverad som standard och stöds inte i någon version av Safari på Mac OS eller iOS. Det enda sättet att aktivera den är med font-feature-settings, med funktionstaggen "vkna". Se även: Obs! om vertikala funktioner.
Kerning (kern)
Exempel på kerning i praktiken, satt i Source Sans Pro:
Denna funktion justerar mängden utrymme mellan glyfer, vanligtvis för att ge optiskt konsekvent avstånd mellan glyfer. Även om ett väldesignat typsnitt har konsekvent avstånd mellan glyfer överlag, kräver vissa glyfkombinationer justering för förbättrad läsbarhet. Observera att denna funktion kan tillämpas på sekvenser med fler än två glyfer och skulle inte användas i typsnitt med fast teckenbredd.Observera även att denna funktion inte gäller för text som är inställd vertikalt. (Källa.)
Kerning-funktionen är inaktiverad som standard, men i många fall är det viktigt att aktivera den.
För att aktivera det med egenskapen font-kerning använder du värdet normal. För att uppnå samma effekt med font-feature-settings använder du funktionstaggen "kern".
Glyph Composition/Decomposition (ccmp)
Exempel på glyfsammansättning/uppdelning i praktiken, angiven i Source Han Sans:
För att minimera antalet glyph-alternativ är det ibland önskvärt att dela upp ett tecken i två glypher. Dessutom kan det vara att föredra att komponera två tecken till en enda glyph för bättre glyph-bearbetning. Den här funktionen tillåter sådan sammansättning/uppdelning.Funktionen bör bearbetas som den första funktionen som bearbetas och bör endast bearbetas när den anropas. (Källa.)
Funktionen glyph composition/decomposition är aktiverad som standard, vilket betyder att den bör fungera utan att du behöver skriva någon CSS — men det finns några knepiga villkor kring att se till att den är aktiverad. Den här funktionen är inte aktiverad som standard i Chrome eller Safari, men att använda vilket font-feature-settings-värde som helst kommer att aktivera den.
För att säkerställa att funktionen glyph composition/decomposition är aktiverad använder du funktionstaggen "ccmp" explicit — eller vilket annat font-feature-settings-värde som helst.
Localized Forms (locl)
Många skriftsystem som används för att skriva flera språk över stora geografiska områden har utvecklat lokaliserade variantformer av specifika bokstäver, som används av enskilda språkgemenskaper.Till exempel har ett antal bokstäver i den bulgariska och serbiska alfabetet former som skiljer sig från deras ryska motsvarigheter och från varandra. I vissa fall skiljer sig den lokaliserade formen bara subtilt från skriftens "norm", i andra fall är formerna radikalt olika. Den här funktionen möjliggör att lokaliserade former av glypher ersätts med standardformer. (Källa.)
Funktionen lokaliserade former är aktiverad som standard, vilket betyder att den bör fungera utan att du behöver skriva någon CSS — men den är faktiskt bara aktiverad som standard i Firefox och stöds inte alls i Safari (Mac eller iOS) eller på Android.
För att säkerställa att funktionen för lokaliserade former är aktiverad, använd funktionstaggen "locl" explicit.
Upphöjt (sups)
Exempel på upphöjt i aktion, ställt in i Hypatia Sans Pro.
Den här funktionen ersätter linjesiffror eller gamla stilsiffror med överordnade siffror (främst för fotnotsindikering) och ersätter små bokstäver med överordnade bokstäver (främst för förkortade franska titlar).
Funktionen för upphöjt är inaktiverad som standard.
För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-position, använd värdet super. För att uppnå samma effekt med font-feature-settings, använd funktionstaggen "sups".
Nedsänkt (subs)
Exempel på nedsänkt skrift i Warnock Pro.
Den här funktionen kan ersätta en standardglyf med en nedsänkt glyf, eller så kan den kombinera en glyfersättning med positionsjusteringar för korrekt placering.
Funktionen för nedsänkt är inaktiverad som standard.
För att aktivera den med egenskapen font-variant eller underegenskapen font-variant-position, använd värdet sub. För att uppnå samma effekt med font-feature-settings, använd funktionstaggen "subs".
Utforska Adobe Fonts
Hitta det perfekta typsnittet för alla webb- och utskriftsprojekt.