CSS:n OpenType-ominaisuuksien syntaksi

Käsittelemme OpenType-ominaisuuksia yksityiskohtaisesti tällä sivulla konkreettisin esimerkein. Yleiskatsauksen OpenType-ominaisuuksien käyttöönotosta verkkoprojekteissa ja niiden käytöstä CSS:ssä saat apuasiakirjastamme OpenType-ominaisuuksien käyttäminen CSS:ssä.

Ligatuurit

Kirjaimet

Numerot

Tyylijoukot

Tyylisarjat 01–20 (ss##)

Itäaasialaiset kirjoitusjärjestelmät

Leveysvariantit

Kulttuurivariantit

Pystysuuntaiset ominaisuudet

Lisää

Yleiset/tavalliset ligatuurit (liga)

Esimerkki ligatuureista toiminnassa, ladottu kirjasimella Warnock Pro.

Tämä ominaisuus korvaa merkkijonon yhdellä merkillä, jota kutsutaan ligatuuriksi ja jota suositaan typograafisista syistä. Kun tämä ominaisuus on käytössä, se lisää ligatuurit, joiden suunnittelija/valmistaja katsoo soveltuvan normaaleihin olosuhteisiin.

Ligatuuriominaisuus on käytössä oletusarvoisesti, mikä tarkoittaa, että sen pitäisi toimia ilman CSS:n kirjoittamista – mutta se ei ole käytössä oletusarvoisesti Chromessa. Sitä ei myöskään voi poistaa käytöstä Safarissa (Mac tai iOS). Ja joissakin Chrome- ja Firefox-versioissa on ongelmia välilyöntejä sisältävien ligatuurien kanssa.

Kun otat sen käyttöön font-variant-ominaisuudella tai font-variant-ligatures-alaominaisuudella, käytä arvoa common-ligatures, joka aktivoi sekä yleiset että kontekstuaaliset ligatuurit.Kuten kontekstuaaliset vaihtoehdot, kontekstuaalisissa ligatuureissa on sisäänrakennettu ehdollinen logiikka, joka soveltaa korvaavia merkkejä vain tietyissä tilanteissa. Saavuttaaksesi saman vaikutuksen font-feature-settings-asetuksella, käytä sekä "liga"- että "clig"-ominaisuustunnisteita. Katso myös: Syntaksi useiden OpenType-ominaisuuksien käyttöön.

Poistaaksesi tämän ominaisuuden käytöstä, käytä arvoa no-common-ligatures ja numeerista indeksiä nolla font-feature-settings-asetukselle.

Kontekstuaaliset vaihtoehdot (calt)

Esimerkki kontekstuaalisista vaihtoehdoista toiminnassa, ladottu kirjasimella Caflisch Script Pro.

Tämä ominaisuus korvaa määritellyissä tilanteissa oletusmerkit vaihtoehtoisilla muodoilla, jotka tarjoavat paremman liittymiskäyttäytymisen. Kuten ligatuurit (vaikkakaan ei tiukasti ottaen ligatuuriominaisuus), kontekstuaalisia vaihtoehtoja käytetään yleisesti harmonisoimaan merkkien muodot ympäröivään kontekstiin.

Kontekstuaalisten vaihtoehtojen ominaisuus on käytössä oletusarvoisesti, mikä tarkoittaa, että sen pitäisi toimia ilman CSS:n kirjoittamista – mutta se ei ole käytössä oletusarvoisesti Chromessa. Sen lisäksi sitä ei voi poistaa käytöstä Safarissa (Mac tai iOS).

Ota se käyttöön font-variant-ominaisuudella tai font-variant-ligatures-aliominaisuudella arvolla contextual.Saat saman vaikutuksen font-feature-settings-asetuksella käyttämällä "calt"-ominaisuustagia.

Poista tämä ominaisuus käytöstä käyttämällä no-contextual-arvoa ja numeerista indeksiä nolla font-feature-settings-asetukselle.

Harkinnanvaraiset ligatuurit (dlig)

Esimerkki harkinnanvaraisten ligatuurien käytöstä, asetettu Warnock Pro -kirjasintyypillä.

Tämä ominaisuus korvaa merkkisarjan yhdellä merkillä (ligatuurilla), jota suositaan typografisista syistä.Kun tämä ominaisuus on käytössä, se lisää ligatuureja, joita voidaan käyttää erikoistehosteisiin.

Harkinnanvaraisten ligatuurien ominaisuus on oletuksena pois käytöstä.

Ota se käyttöön font-variant-ominaisuudella tai font-variant-ligatures -aliominaisuudella käyttämällä arvoa discretionary-ligatures. Saat saman vaikutuksen font-feature-settings-asetuksella käyttämällä "dlig"-ominaisuustagia.

Kapiteelit (smcp)

Esimerkki kapiteeleista käytössä Warnock Pro -kirjasintyypillä.

Tämä ominaisuus muuntaa pienaakkoset kapiteeleiksi.

Kapiteelien ominaisuus on oletuksena pois käytöstä.

Ota se käyttöön font-variant -ominaisuudella tai font-variant-caps-aliominaisuudella käyttämällä arvoa small-caps. Saat saman vaikutuksen font-feature-settings-asetuksella käyttämällä "smcp"-ominaisuustagia.

Huomaa, että joissakin kirjasimissa pienaakkosten ominaisuus saattaa sisältää myös muita muotoja. OpenType-määrityksen mukaan smcp OpenType-ominaisuus "saattaa sisältää pienaakkosiin liittyviä muotoja, kuten vanhan tyylin numeroita."

Isot kirjaimet pienversaaleiksi (c2sc)

Esimerkki versaalien muuttamisesta pieniksi versaaleiksi Warnock Pro -kirjasintyypissä.

Tämä ominaisuus muuttaa isot kirjaimet pieniksi versaaleiksi.

Isojen kirjainten muuttaminen pieniksi versaaleiksi -ominaisuus on oletuksena pois käytöstä.

Ottaaksesi sen käyttöön font-variant-ominaisuudella tai font-variant-caps-alaominaisuudella, käytä arvoa all-small-caps, joka muuttaa sekä isot että pienet kirjaimet pieniksi versaaleiksi. Tämä toiminta on järkevää, sillä harvoin haluat käyttää pieniä versaaleja vain isoihin kirjaimiin. Saavuttaaksesi saman tuloksen font-feature-settings-ominaisuudella, käytä sekä "c2sc"- että "smcp"-ominaisuustunnisteita. Katso myös: Syntaksi useiden OpenType-ominaisuuksien käyttämiseen.

Koristelut (swsh)

Esimerkki koukuista, käyttäen kirjasinta Bickham Script Pro 3.

Tämä ominaisuus korvaa oletuskirjainhahmot vastaavilla koristekirjainhahmoilla.

Koukut-ominaisuus on oletuksena pois käytöstä.

Ottaaksesi sen käyttöön font-feature-settings-ominaisuudella, käytä "swsh"-ominaisuustunnistetta. Huomaa, että tietyllä merkillä saattaa olla useampi kuin yksi koukullinen vaihtoehto. Päästäksesi käsiksi vaihtoehtoisiin koukuihin, lisää numeerinen indeksi arvoon:

Tämä aktivoisi toisen saatavilla olevan koristeviivan, jos sellainen on olemassa kirjasimessa. Kuten luultavasti arvasit, arvon "swsh" käyttäminen, kuten ensimmäisessä koodiesimerkissämme, vastaa arvon "swsh" 1 käyttämistä.

Toistaiseksi ohitamme font-variant-ominaisuuden, koska sen "nimetyt" arvot (kuten swash (virtaava)) kartoitetaan numeerisiksi koristeviiva-indekseiksi font-feature-value CSS-määrittelyillä, joita ei vielä tueta missään suuressa selaimessa.

Tyylilliset vaihtoehdot (salt)

Esimerkki koristeellisista kirjaimista käytössä, ladottu Bree-kirjasimella.

Tämä ominaisuus korvaa oletusglyfit tyylillisillä vaihtoehdoilla.Katso myös: tyylijoukot (ss##).

Tyylillisten vaihtoehtojen ominaisuus on oletusarvoisesti pois käytöstä.

Ottaaksesi sen käyttöön font-feature-settings-ominaisuudella, käytä "salt"-ominaisuusmerkintää. Huomaa, että tietyllä merkillä voi olla useampi kuin yksi tyylillinen vaihtoehto. Käytä muita tyylillisiä vaihtoehtoja lisäämällä numeerinen indeksi arvoon:

Tämä aktivoisi toisen saatavilla olevan tyylillisen vaihtoehdon, jos sellainen on olemassa kirjasimessa. Kuten luultavasti arvasit, arvon "salt" käyttäminen, kuten ensimmäisessä koodiesimerkissämme, vastaa arvon"salt" 1 käyttämistä.

Toistaiseksi ohitamme font-variant-ominaisuuden, koska sen "nimetyt" arvot (joista ei ole hyviä esimerkkejä) kartoitetaan numeerisiksi tyylillisten vaihtoehtojen indekseiksi font-feature-value CSS-määrittelyillä, joita ei vielä tueta missään suuressa selaimessa.

Pystysuorat luvut (lnum)

Esimerkki pystysuorista luvuista toiminnassa, asetettu Warnock Pro -kirjasimella.

Tämä ominaisuus muuttaa numeraalikuvat oletusarvoisista tai vanhantyylisistä luvuista pystysuoriksi luvuiksi. Huomaa, että jotkin kirjasimet voivat sisältää rivimerkkejä oletusmerkistylina, jolloin tämän ominaisuuden ottaminen käyttöön ei ehkä vaikuta merkkien tyyliin.

Rivimerkki-ominaisuus on oletuksena pois käytöstä.

Ottaaksesi sen käyttöön font-variant-ominaisuudella tai font-variant-numeric-alaominaisuudella, käytä Arvoa lining-nums. Saavuttaaksesi saman vaikutuksen font-feature-settings-ominaisuudella, käytä "lnum"-ominaisuustagia.

Vanhantyyppiset numerot (onum)

Esimerkki vanhantyyppisistä numeroista toiminnassa, asetettu Warnock Pro -kirjasintyylillä.

Tämä ominaisuus muuttaa numeromerkit oletus- tai riviasettelun numeroista vanhantyylisiksi numeroiksi.Huomaa, että jotkin kirjasimet voivat sisältää vanhantyyppiset numerot oletusmerkistylina, jolloin tämän ominaisuuden ottaminen käyttöön ei ehkä vaikuta merkkien tyyliin.

Vanhantyyppisten numeroiden ominaisuus on oletuksena pois käytöstä.

Voit ottaa sen käyttöön font-variant-ominaisuudella tai font-variant-numeric-alaominaisuudella käyttämällä arvoa oldstyle-nums.Saavuttaaksesi saman vaikutuksen font-feature-settings-ominaisuudella, käytä "onum"-ominaisuustagia.

Proportionaaliset numerot (pnum)

Esimerkki suhteutettavista numeroista toiminnassa, asetettu Hypatia Sans Pro -kirjasintyylillä.

Tämä ominaisuus korvaa yhtenäisille (taulukko)leveuksille asetetut numeroiden merkit vastaavilla merkkikohtaisille (suhteutettaville) leveuksille asetetuilla merkeillä. Huomaa, että jotkin kirjasimet voivat sisältää suhteelliset numerot oletusarvoisesti, jolloin tämän ominaisuuden ottaminen käyttöön ei ehkä vaikuta merkkien leveyteen.

Suhteutettavien numeroiden ominaisuus on oletuksena pois käytöstä.

Sen voi ottaa käyttöön font-variant-ominaisuudella tai font-variant-numeric-alaominaisuudella arvolla proportional-nums.Saadaksesi saman vaikutuksen font-feature-settings-ominaisuudella käytä "pnum"-ominaisuustunnistetta.

Taulukoivat numerot (tnum)

Esimerkki taulukoivista numeroista toiminnassa, asetettu Hypatia Sans Pro -kirjasimella.

Tämä ominaisuus korvaa merkkikohtaisille (suhteellisille) leveyksille asetetut numeromerkit vastaavilla merkeillä, jotka on asetettu yhtenäisille (taulukoiville) leveyksille.Huomaa, että jotkin kirjasimet voivat sisältää taulukoivia numeroita oletusarvoisesti, jolloin tämän ominaisuuden käyttöönotto ei välttämättä näytä vaikuttavan merkkien leveyteen.

Taulukoivien numeroiden ominaisuus on oletusarvoisesti pois käytöstä.

Ota se käyttöön font-variant-ominaisuudella tai font-variant-numeric-alaominaisuudella käyttämällä arvoa tabular-nums. Saadaksesi saman vaikutuksen font-feature-settings-ominaisuudella käytä "tnum"-ominaisuustunnistetta.

Murto-osat (frac)

Esimerkki murto-osien käytöstä Warnock Pro -kirjasimella.

Tämä ominaisuus korvaa kauttaviivalla erotetut numerot tavallisilla (diagonaalisilla) murto-osilla.

Murto-osien ominaisuus on oletusarvoisesti pois käytöstä.

Ota se käyttöön font-variant-ominaisuudella tai font-variant-numeric-alaominaisuudella käyttämällä arvoa diagonal-fractions. Saadaksesi saman vaikutuksen font-feature-settings-ominaisuudella käytä "frac"-ominaisuustunnistetta.

Järjestysluvut (ordn)

Esimerkki järjestysluvuista toiminnassa, asetettu Warnock Pro -kirjasimella.

Tämä toiminto korvaa aakkosellisten merkkien oletushahmot vastaavilla järjestyslukumuodoilla käytettäviksi numeroiden jälkeen.

Järjestyslukutoiminto on oletuksena poistettu käytöstä.

Ota se käyttöön font-variant-ominaisuudella tai font-variant-numeric-alaominaisuudella käyttämällä arvoa ordinal.Saat saman tuloksen font-feature-settings-ominaisuudella käyttämällä "ordn"-toimintotunnistetta.

Huomaa, että kaikki merkkien korvaaminen ei tapahdu numeroiden jälkeen. OpenType-määrityksen mukaan "Yksi poikkeus numeroiden jälkeiseen sääntöön on numerokirjain (U+2116), joka on itse asiassa ligratuurikorvausta, mutta on parasta käyttää tätä toimintoa sen käyttämiseen."

Tyylisarjat (ss##)

Esimerkki tyylisarjoista toiminnassa, asetettu Hypatia Sans Pro -kirjasimella.

Tämä toiminto korvaa oletusmerkkihahmosarjat tyylillisillä vaihtoehdoilla. Tyylisarjojen hahmot voidaan suunnitella harmonisoimaan visuaalisesti, vuorovaikuttamaan tietyillä tavoilla tai muuten toimimaan yhdessä. Katso myös: tyylilliset vaihtoehdot (salt), joka on suunniteltu tarjoamaan yksittäisten hahmojen tyylillisiä vaihtoehtoja.

Tyylisarjatoiminto on oletuksena poistettu käytöstä.

Ota se käyttöön font-feature-settings-ominaisuudella käyttämällä "ss##"-toimintotunnistetta, jossa "##" on mikä tahansa kaksinumeroinen yhdistelmä 01–20. Huomaa, että kirjasimet käyttävät tyylisarjoja täysin mielivaltaisilla ja mukautetuilla tavoilla. Esimerkiksi kaksi eri kirjasinta voi käyttää samaa toimintoa (kuten ss01) korvaamaan täysin erilaisia hahmosarjoja; tai tietty kirjasin voi käyttää ss01- ja ss03-toimintoja korvaamaan hahmosarjoja, mutta jättää huomiotta ss02-toiminnon. Jotkut kirjasintoimistot tarjoavat dokumentaatiota siitä, miten toiminnot on järjestetty.

Toistaiseksi ohitamme font-variant -ominaisuuden, koska sen "nimetyt" arvot (kuten styleset(sharp-serifs)) yhdistetään numeerisiin tyylisarjaindekseihin font-feature-value CSS -määritysten avulla, joita ei vielä tueta missään suuressa selaimessa.

Suhteelliset leveydet (pwid)

Esimerkki suhteellisesta leveydestä toiminnassa, asetettuna Kozuka Mincho Pr6n -kirjasimella:

Tämä ominaisuus korvaa tasaisille leveyksille (yleensä täysi tai puoli-em) asetetut glyfit suhteellisesti välistetyillä glyfeillä. Suhteellisia muunnelmia käytetään usein CJKV-kirjasimien latinalaisia merkkejä varten, mutta niitä voidaan käyttää myös japaninkielisten kirjasimien kana-merkeille. (Lähde.)

Suhteellisen leveyden ominaisuus on oletuksena poistettu käytöstä, eikä sitä tueta missään Safari-versiossa Mac OS- tai iOS-laitteilla. Ota se käyttöön font-variant-ominaisuudella tai font-variant-east-asian -alaominaisuudella käyttämällä arvoa proportional-width. Saavuta sama vaikutus font-feature-settings-asetuksella käyttämällä "pwid"-ominaisuustagia.

Suhteelliset vaihtoehtoiset leveydet (palt)

Esimerkki suhteellisista vaihtoehtoisista leveyksistä käytännössä, asetettu Source Han Sans -kirjasimella:

Tämä ominaisuus määrittää uudelleen täysi-em-leveyksille suunniteltujen glyffien välistyksen ja sovittaa ne yksittäisiin (enemmän tai vähemmän suhteellisiin) vaakasuuntaisiin leveyksiin. Tämä eroaa pwid-ominaisuudesta siinä, että se ei korvaa glyfejä uusilla (GPOS-ominaisuus, ei GSUB-ominaisuus).Käyttäjä saattaa suosia tasalevyistä muotoa tai yksinkertaisesti haluta varmistaa, että glyfi istuu hyvin eikä kierrä pystyasennossa (suhteelliseen välistykseen suunnitellut latinalaiset muodot kierrettäisiin). (Lähde.)

Suhteellisten vaihtoehtoisten leveyksien ominaisuus on oletuksena poistettu käytöstä, eikä sitä tueta missään Safari-versiossa Mac OS:ssä tai iOS:ssä.Ainoa tapa ottaa se käyttöön on font-feature-settings-ominaisuuden käyttäminen "palt"-ominaisuustunnuksella.

Suhteelliset kana-merkit (pkna)

Esimerkki suhteellisten kana-merkkien käytöstä, asetettu Kozuka Mincho Pr6n -kirjasimessa:

Tämä ominaisuus korvaa tasaisille leveyksille (puoli- tai täysleveydelle) asetetut kana- ja kanaan liittyvät glyfit suhteellisilla glyfeillä.Se on samanlainen kuin suhteellisten leveyksien ominaisuus, mutta vaikuttaa vain kana-merkkeihin.(Lähde.)

Suhteellisten kana-merkkien ominaisuus on oletuksena pois käytöstä, eikä sitä tueta missään Safari-versiossa Mac OS:ssä tai iOS:ssä.Ainoa tapa ottaa se käyttöön on font-feature-settings-ominaisuuden käyttäminen "pkna"-ominaisuustunnuksella.

Täysleveydet (fwid)

Esimerkki täysleveyksien käytöstä, asetettu Kozuka Mincho Pr6n -kirjasimessa:

Tämä ominaisuus korvaa muille leveyksille asetetut glyfit täysleveydelle (yleensä em) asetetuilla glyfeillä.CJKV-kirjasimessa tämä voi sisältää "alemman ASCII":n latinalaiset merkit ja erilaisia symboleja.Eurooppalaisessa kirjasimessa tämä ominaisuus korvaa suhteellisesti välistetyt glyfit tasavälistetyillä glyfeillä, jotka yleensä asetetaan 0,6 em:n leveyksille.(Lähde.)

Täysleveyksien ominaisuus on oletuksena pois käytöstä, eikä sitä tueta missään Safari-versiossa Mac OS:ssä tai iOS:ssä.Ota se käyttöön font-variant-ominaisuudella tai font-variant-east-asian-alaominaisuudella käyttämällä arvoa full-width.Saat saman vaikutuksen font-feature-settings-ominaisuudella käyttämällä "fwid"-ominaisuustunnistetta.

Puolileveydet (hwid)

Esimerkki puolileveyksistä käytössä, asetettu Kozuka Mincho Pr6n -kirjasimella:

Tämä ominaisuus korvaa suhteellisten leveyksien tai muiden kuin puolen em:n kiinteiden leveyksien kirjainmerkit puolen em:n (en) leveyksisillä kirjainmerkeillä.Monissa CJKV-kirjasimissa on kirjainmerkkejä, jotka on asetettu useisiin leveyksiin; tämä ominaisuus valitsee puolen em:n version.On olemassa erilaisia yhteyksiä, joissa tämä on suositeltava toiminta, mukaan lukien yhteensopivuus vanhempien tietokoneasiakirjojen kanssa.(Lähde.)

Puolikkaat leveydet -ominaisuus on oletuksena pois käytöstä, eikä sitä tueta missään Safari-versiossa Mac OS- tai iOS-käyttöjärjestelmissä.Ainoa tapa ottaa se käyttöön on font-feature-settings-ominaisuudella käyttämällä "hwid"-ominaisuustunnistetta.

Vaihtoehtoiset puolikkaat leveydet (halt)\n

Esimerkki vaihtoehtoisista puolikkaista leveyksistä käytössä, asetettu Kozuka Mincho Pr6n-kirjasimella:

Tämä ominaisuus muuttaa koko em:n leveyksille suunniteltujen kirjainmerkkien välistystä sovittaen ne puolen em:n leveyksille.Tämä eroaa hwid-ominaisuudesta siinä, että se ei korvaa kirjainmerkkejä uusilla.(Lähde.)

Vaihtoehtoiset puolikkaat leveydet -ominaisuus on oletusarvoisesti poistettu käytöstä, eikä sitä tueta missään Safari-versiossa Mac OS:ssä tai iOS:ssä. Ainoa tapa ottaa se käyttöön on font-feature-settings käyttämällä "halt" -ominaisuustunnistetta.

Kolmasosleveydet (twid)

Esimerkki kolmasosleveyksistä toiminnassa, asetettu Kozuka Mincho Pr6n -kirjasimella:

Tämä ominaisuus korvaa muiden leveyksien glyfit glyfeillä, jotka on asetettu yhden kolmasosan em-leveyteen. Mukana olevat merkit ovat tavallisesti numeroita ja joitakin välimerkkejä. (Lähde.)

Kolmasosleveydet-ominaisuus on oletusarvoisesti poistettu käytöstä, eikä sitä tueta missään Safari-versiossa Mac OS:ssä tai iOS:ssä. Ainoa tapa ottaa se käyttöön on font-feature-settings käyttämällä "twid" -ominaisuustunnistetta.

Neljäsosleveydet (qwid)

Esimerkki neljäsosleveydestä toiminnassa, asetettu Kozuka Mincho Pr6n -kirjasimella:

Tämä ominaisuus korvaa muiden leveyksien glyfit glyfeillä, jotka on asetettu yhden neljäsosan em-leveyteen (puoli en). Mukana olevat merkit ovat tavallisesti numeroita ja joitakin välimerkkejä. (Lähde.)

Neljäsosleveydet-ominaisuus on oletusarvoisesti poistettu käytöstä, eikä sitä tueta missään Safari-versiossa Mac OS:ssä tai iOS:ssä. Ainoa tapa ottaa se käyttöön on font-feature-settings-komennolla "qwid"-toimintotagin avulla.

JIS78-muodot (jp78)\n

Esimerkki JIS78-muodoista käytössä, kirjasimena Kozuka Mincho Pr6n:

Tämä toiminto korvaa japanilaisten merkkien oletusmuodot (JIS90) vastaavilla muodoilla JIS C 6226-1978 (JIS78) -määrityksestä.(Lähde.)

JIS78 Forms -toiminto on oletusarvoisesti poistettu käytöstä, eikä sitä tueta missään Safari-versiossa Mac OS:ssä tai iOS:ssä.Ota se käyttöön font-variant-ominaisuudella tai font-variant-east-asian-alaominaisuudella käyttämällä arvoa jis78.Saavuta sama vaikutus font-feature-settings-komennolla käyttämällä "jp78"-toimintotagia.

JIS83-muodot (jp83)\n

Esimerkki JIS83-muodoista käytössä, asetettu Kozuka Mincho Pr6n -kirjasimella:

Tämä toiminto korvaa oletusjapanilaiset (JIS90) glyyfit vastaavilla muodoilla JIS X 0208-1983 (JIS83) -määrityksestä.(Source.)

JIS83-muodot-toiminto on oletuksena pois käytöstä, eikä sitä tueta missään Safari-versiossa Mac OS- tai iOS-käyttöjärjestelmässä.Ota se käyttöön font-variant-ominaisuudella tai font-variant-east-asian-alaominaisuudella käyttämällä arvoa jis83.Saavuta sama vaikutus font-feature-settings-komennolla käyttämällä \"jp83\"-toimintotagia.

JIS90-lomakkeet (jp90)

Esimerkki JIS90-lomakkeista käytössä, asetettu kirjasintyypillä Kozuka Mincho Pr6n:

Tämä ominaisuus korvaa japanilaiset glyfit JIS78- tai JIS83-määrittelyistä vastaavilla JIS X 0208-1990 (JIS90) -määrittelyn muodoilla.(Lähde.)

JIS90 Forms -ominaisuus on oletusarvoisesti pois käytöstä, eikä sitä tueta missään Safari-versiossa Mac OS:ssa tai iOS:ssä.Ottaaksesi sen käyttöön font-variant-ominaisuudella tai font-variant-east-asian-aliominaisuudella, käytä arvoa jis90. Saavuttaaksesi saman vaikutuksen font-feature-settings-ominaisuudella, käytä "jp90"-ominaisuustagia.

JIS2004-lomakkeet (jp04)

Esimerkki JIS2004-muodoista toiminnassa, esitetty Kozuka Mincho Pro -kirjasintyypillä:

Japanin kansallinen kielineuvosto (NLC) on määritellyt uusia glyyfien muotoja useille JIS-merkeille, jotka sisällytettiin JIS X 0213:2004 -standardiin uusina prototyyppeinä. 'jp04'-ominaisuus on osajoukko 'nlck'-ominaisuudesta, ja sitä käytetään näiden prototyyppisten glyyfien käyttämiseen tavalla, joka säilyttää JIS X 0213:2004 -standardin eheyden. (Lähde.)

JIS2004-lomakkeet-ominaisuus on oletuksena poistettu käytöstä, eikä sitä tueta missään Safari-versiossa Mac OS:ssa tai iOS:ssä. Voit ottaa sen käyttöön font-variant-ominaisuudella tai font-variant-east-asian-aliominaisuudella käyttämällä arvoa jis04.Saavuttaaksesi saman vaikutuksen font-feature-settings-ominaisuudella, käytä "jp04"-ominaisuustagia.

Perinteiset muodot (trad)

Esimerkki perinteisistä muodoista käytössä, ladottuna kirjasimella Kozuka Mincho Pr6n:

Korvaa "yksinkertaistetut" kiinalaiset hanzi- tai japanilaiset kanji-muodot vastaavilla "perinteisillä" muodoilla. (Lähde.)

Perinteisten muotojen ominaisuus on oletuksena poistettu käytöstä, eikä sitä tueta missään Safari-versioissa Mac OS- tai iOS-käyttöjärjestelmissä.Ota se käyttöön font-variant-ominaisuudella tai font-variant-east-asian-alaominaisuudella käyttämällä arvoa traditional. Saavuta sama vaikutus font-feature-settings-ominaisuudella käyttämällä "trad"-ominaisuustaggia.

Ruby-merkintämuodot (ruby)

Esimerkki ruby-merkintämuodoista käytössä kirjasimella Kozuka Mincho Pr6n:

Japanilaisessa ladonnassa käytetään usein pienempiä kana-kirjainmerkkejä, yleensä yläindeksissä, selventämään lukijalle mahdollisesti tuntemattomien kanji-merkkien merkitystä. Näitä kutsutaan ruby-merkinnöiksi, vanhasta ladontatermin mukaan neljän pisteen kokoiselle kirjasintyypille. Tämä ominaisuus tunnistaa kirjasimesta tähän käyttöön suunnitellut kirjainmerkit ja korvaa ne oletusversioiden tilalle.(Lähde.)

Ruby-merkintämuotojen ominaisuus on oletuksena poistettu käytöstä. Ota se käyttöön font-variant-ominaisuudella tai font-variant-east-asian-alaominaisuudella käyttämällä arvoa ruby. Saman vaikutuksen aikaansaamiseksi font-feature-settingsillä käytä "ruby"-ominaisuuden tunnistetta.

Huomaa rt-elementti, jota muotoilemme yllä olevassa koodiesimerkissä. Oikea merkintä ruby-tekstille selitetään W3C:n HTML5-määrittelyssä tekstin tason semantiikan osiossa. Huomaa myös, että ruby-tekstin sijainti ja koko vaihtelevat selainten/versioiden välillä; harkitse selainten oletusasetusten poistamista käytöstä reset-tyylitiedostolla ja ruby-tekstin koon määrittämistä/sijoittamista manuaalisesti.

Horizontal Kana Alternates (hkna)

Esimerkki horizontal Kana alternates -toiminnosta käytössä, asetettu Kozuka Mincho Pr6n -kirjasimella:

Tämä ominaisuus korvaa vakiokanamerkit muodoilla, jotka on suunniteltu erityisesti vain vaakasuoraa kirjoittamista varten.Tämä on typografinen optimointi paremman sovituksen ja tasaisemman värin saavuttamiseksi. (Lähde.)

Horizontal kana alternates -ominaisuus on oletusarvoisesti poistettu käytöstä, eikä sitä tueta missään Safari-versiossa Mac OS:ssä tai iOS:ssä. Ainoa tapa ottaa se käyttöön on font-feature-settingsillä käyttämällä "hkna"-ominaisuuden tunnistetta.

NLC Kanji Forms (nlck)

Esimerkki NLC kanji forms -toiminnosta käytössä, asetettu Kozuka Mincho Pr6n -kirjasimella:

Japanin kansallinen kielineuvosto (NLC) on määritellyt uudet glyfimuodot useille JIS-merkeille vuonna 2000.'nlck'-ominaisuutta käytetään näihin kirjasinmuotoihin pääsemiseksi. (Lähde.)

NLC-kanji-muotojen ominaisuus on oletuksena poistettu käytöstä, eikä sitä tueta missään Safari-versiossa Mac OS- tai iOS-käyttöjärjestelmässä. Ainoa tapa ottaa se käyttöön on font-feature-settings-määritys "nlck"-ominaisuustunnistetta käyttäen.

Vaihtoehtoiset huomautusmuodot (nalt)

Esimerkki vaihtoehtoisista huomautusmuodoista, asetettu Kozuka Mincho Pr6n -kirjasimella:

Tämä ominaisuus korvaa oletuskirjasinmuodot erilaisilla merkintämuodoilla (esim. kirjasinmuodot, jotka on sijoitettu avoimiin tai täyteläisiin ympyröihin, neliöihin, sulkeisiin, vinoneliöihin tai pyöristettyihin laatikoihin). Joissakin tapauksissa huomautuslomake saattaa olla jo olemassa, mutta käyttäjä saattaa haluta erilaisen.(Lähde.)

Vaihtoehtoisten huomautusmuotojen ominaisuus on oletuksena poistettu käytöstä, eikä sitä tueta missään Safari-versiossa Mac OS- tai iOS-käyttöjärjestelmässä. Ainoa tapa ottaa se käyttöön on font-feature-settings-määritys "nalt"-ominaisuustunnistetta käyttäen.

Kursiivi (ital)

Esimerkki kursiivista käytännössä, asetettu Kozuka Mincho Pr6n -kirjasimella:

Joissakin kirjasimissa (kuten Adopen Pro-japanilaisissa kirjasimissa) on sekä latinalaisia että kursivoituja muotoja joistakin merkeistä yhdessä kirjasimessa. Tämä ominaisuus korvaa roomalaiset glyfit vastaavilla kursivoituneilla glyfeillä.(Lähde.)

Kursiivi-ominaisuus on oletusarvoisesti poissa käytöstä, eikä sitä tueta missään Safari-versiossa Mac OS:ssä tai iOS:ssä.Ainoa tapa ottaa se käyttöön on font-feature-settings-määritys "ital"-ominaisuustunnistetta käyttäen.

Huomautus: pystysuorista ominaisuuksista\n

Seuraavat OpenType-ominaisuudet auttavat pystysuuntaista tekstiä näyttämään paremmalta muuttamalla välistystä ja korvaamalla glyfejä.Selaintuki pystysuuntaiselle orientaatiolle on kuitenkin rajoitettu.Joten vaikka nämä OT-ominaisuudet saattavat olla tuettuja ja toimia oikein, jos pystysuuntainen orientaatio ei myöskään ole tuettu ja toimi oikein… niin näillä ominaisuuksilla ei ole merkitystä.

Koodimme perustuu W3C:n CSS Writing Modes Level 3 Editor's Draft -spesifikaatioon ja tähän David Storeyn mahtavaan tutkimukseen.Näet, kuinka tämä kehittyy… mutta selaintuki ei vain ole vielä riittävä.Testasimme yllä olevaa koodia, ja writing-mode toimi vain Chrome-selaimessa.

Pystysuuntainen välistys (vkrn)

Tämä ominaisuus säätää glyfien välistä tilaa yleensä tarjotakseen visuaalisesti johdonmukaisen välistyksen glyfien välille.Vaikka hyvin suunnitellussa kirjasintyypissä on yleisesti ottaen johdonmukainen glyfien välinen välistys, jotkin glyfiyhdistelmät vaativat säätöä luettavuuden parantamiseksi.Tavanomaisen säädön lisäksi pystysuunnassa tämä ominaisuus voi tarjota koosta riippuvaa välistystietoa laitetaulukoiden kautta, "poikkivirtauksen" välistystä X-tekstin suunnassa ja glyfiasemoinnin säätöä riippumatta etäisyyssäädöstä.Huomaa, että tämä ominaisuus voi koskea useamman kuin kahden glyfin sarjoja, eikä sitä käytettäisi tasalevyisissä kirjasimissa.Huomaa myös, että tämä ominaisuus koskee vain pystysuoraan asetettua tekstiä.(Lähde.)

Pystysuora välistys -ominaisuus on oletusarvoisesti poissa käytöstä, eikä sitä tueta IE:ssä tai missään Safari-versiossa Mac OS:ssä tai iOS:ssä.Ja vaikka tätä ominaisuutta saatetaan tukea Firefoxissa, pystysuoraa tekstiä ei tueta — joten se on käytännössä tukematon.Ainoa tapa ottaa se käyttöön on font-feature-settings-määritys "vkrn"-ominaisuustunnistetta käyttäen.Jos vkrn on aktivoitu, myös vpal on aktivoitava, jos se on olemassa.Katso myös: Syntaksi useiden OpenType-ominaisuuksien käyttämiseen ja Huomautus: pystysuuntaisia ominaisuuksia koskeva huomio.

Pystysuuntaiset vaihtoehdot (vert)

Tämä ominaisuus korvaa oletusmuodot pystysuuntaiseen kirjoitustapaan mukautetuilla muunnelmilla pystysuuntaisessa kirjoitustilassa.Vaikka useimmat CJKV-kirjasinmerkit pysyvät pystysuuntaisina pystysuuntaisessa kirjoitustilassa, jotkin ottavat eri muodon (yleensä kierrettyjä ja siirrettyjä) tätä tarkoitusta varten.Tämän ominaisuuden kattamat kirjasinmerkit vastaavat joukkoa, jota yleensä kierretään yksinkertaisissa julkaisusovelluksissa.(Lähde.)

Pystysuuntaisten vaihtoehtojen ominaisuus on oletuksena käytössä, mikä tarkoittaa, että sen pitäisi toimia ilman CSS:n kirjoittamista — mutta se ei ole oletuksena käytössä IE:n tai Firefoxin missään versiossa.Lisäksi sitä ei voi ottaa käyttöön ollenkaan Safarissa (Mac tai iOS).Katso myös: Huomautus: pystysuuntaisista ominaisuuksista.

Ainoa tapa ottaa pystysuuntaisten vaihtoehtojen ominaisuus käyttöön on font-feature-settings käyttämällä \"vert\"-ominaisuustunnistetta.

Suhteelliset vaihtoehtoiset pystysuuntaiset mitat (vpal)

Tämä ominaisuus muuttaa täyden em-korkeudelle suunniteltujen kirjasinmerkkien välistyksen sovittamalla ne yksittäisiin (enemmän tai vähemmän suhteellisiin) pystysuuntaisiin korkeuksiin.Tämä eroaa valt-ominaisuudesta siinä, että se ei korvaa uusia kirjasinmerkkejä (GPOS-, ei GSUB-ominaisuus).Käyttäjä saattaa suosia tasalevyistä muotoa tai haluaa yksinkertaisesti varmistaa, että kirjasinmerkki sopii hyvin.(Lähde.)

Suhteellisten vaihtoehtoisten pystysuuntaisten mittojen ominaisuus on oletuksena pois käytöstä, eikä sitä tueta IE:ssä tai missään Safari-versiossa Mac OS:ssä tai iOS:ssä.Ja vaikka tätä ominaisuutta saatetaan tukea Firefoxissa, pystysuuntaista tekstiä ei tueta — joten se on käytännössä tukematon.Ainoa tapa ottaa se käyttöön on font-feature-settings käyttämällä \"vpal\"-ominaisuustunnistetta.Katso myös: Huomautus pystysuuntaisista ominaisuuksista.

Vaihtoehtoiset pystysuuntaiset puolimitat (vhal)

Tämä ominaisuus muuttaa täyden em-korkeudelle suunniteltujen kirjasinmerkkien välistyksen sovittamalla ne puolen em:n korkeuteen.(Lähde.)

Pystysuuntaisten puolimetriikoiden vaihtoehtoinen ominaisuus on oletuksena poistettu käytöstä, eikä sitä tueta missään IE-, Firefox- tai Safari-versiossa Mac OS:ssä tai iOS:ssä. Ainoa tapa ottaa se käyttöön on font-feature-settings-määritys käyttäen "vhal"-ominaisuustunnistetta. Katso myös: Huomautus: pystysuuntaisista ominaisuuksista.

Pystysuuntaiset kana-vaihtoehdot (vkna)

Tämä ominaisuus korvaa tavalliset kana-merkit muodoilla, jotka on suunniteltu erityisesti pystysuuntaista kirjoittamista varten. Tämä on typografinen optimointi parempaa istuvuutta ja tasaisempaa väriä varten. Katso myös hkna. (Lähde.)

Pystysuuntaisten kana-vaihtoehtojen ominaisuus on oletuksena poistettu käytöstä, eikä sitä tueta missään Safari-versiossa Mac OS:ssä tai iOS:ssä. Ainoa tapa ottaa se käyttöön on font-feature-settings-määritys käyttäen "vkna"-ominaisuustunnistetta. Katso myös: Huomautus: pystysuuntaisista ominaisuuksista.

Kirjainvälit (kern)

Esimerkki kirjainväleistä toiminnassa, asetettu Source Sans Pro -kirjasintyypillä:

Tämä ominaisuus säätää merkkien välistä tilaa, yleensä tarjotakseen optisesti johdonmukaista välistystä merkkien välille. Vaikka hyvin suunnitellulla kirjasintyypillä on kokonaisuutena johdonmukainen merkkien välinen välistys, jotkin merkkiyhdistelmät vaativat säätöä luettavuuden parantamiseksi. Huomaa, että tätä ominaisuutta voidaan soveltaa useamman kuin kahden merkin sarjoihin, eikä sitä käytettäisi tasalevyisissä kirjasimissa. Huomaa myös, että tämä ominaisuus ei koske pystysuoraan asetettua tekstiä. (Source.)

Kirjainväliominaisuus on oletuksena poistettu käytöstä, mutta monissa tapauksissa sen käyttöönotto on tärkeää.

Ota se käyttöön font-kerning-ominaisuudella käyttämällä normal-arvoa. Saavuta sama vaikutus font-feature-settings-ominaisuudella käyttämällä "kern"-ominaisuustageja.

Merkin kokoaminen/hajottaminen (ccmp)

Esimerkki merkin kokoamisesta/hajottamisesta toiminnassa, ladottuna Source Han Sans -kirjasimella:

Glyfi-vaihtoehtojen määrän minimoimiseksi on joskus tarpeen hajottaa merkki kahteen glyfiin.Lisäksi voi olla suositeltavaa koota kaksi merkkiä yhdeksi glyfiksi parempaa glyfien käsittelyä varten.Tämä ominaisuus mahdollistaa tällaisen kokoamisen/hajottamisen. Ominaisuus tulisi käsitellä ensimmäisenä käsiteltävänä ominaisuutena, ja sitä tulisi käsitellä vain kun sitä kutsutaan. (Lähde.)

Merkin koostamis-/hajottamisominaisuus on oletusarvoisesti käytössä, mikä tarkoittaa, että sen pitäisi toimia ilman CSS:n kirjoittamista — mutta sen käyttöönoton varmistamisessa on muutamia hankalia ehtoja.Tämä ominaisuus ei ole oletuksena käytössä Chromessa tai Safarissa, mutta minkä tahansa font-feature-settings-arvon käyttäminen ottaa sen käyttöön.

Varmista, että merkin kokoamis-/hajottamisominaisuus on käytössä käyttämällä "ccmp"-ominaisuustageja erikseen — tai mitä tahansa muuta font-feature-settings-arvoa.

Paikalliset muodot (locl)

Monissa kirjoitusjärjestelmissä, joita käytetään useiden kielten kirjoittamiseen laajoilla maantieteellisillä alueilla, on kehittynyt paikallisia muunnoksia tietyistä kirjaimista, joita yksittäiset kirjalliset yhteisöt käyttävät.Esimerkiksi useissa bulgarian ja serbian kirjaimissa on muotoja, jotka eroavat venäläisistä vastineistaan ja toisistaan.Joissakin tapauksissa paikallinen muoto eroaa vain hienovaraisesti kirjoitusjärjestelmän "normista", toisissa muodot ovat täysin erilaisia. Tämä ominaisuus mahdollistaa oletusmuotojen korvaamisen merkkien paikallisilla muodoilla.(Lähde.)

Paikallisten muotojen ominaisuus on oletuksena käytössä, mikä tarkoittaa, että sen pitäisi toimia ilman CSS:n kirjoittamista — mutta se on tosiasiassa oletuksena käytössä vain Firefoxissa, eikä sitä tueta lainkaan Safarissa (Mac tai iOS) tai Androidissa.

Varmista, että lokalisoitujen lomakkeiden toiminto on käytössä käyttämällä "locl"-ominaisuustagia eksplisiittisesti.

Yläindeksi (sups)\n

Esimerkki yläindeksistä Hypatia Sans Pro -kirjasimella.

Tämä toiminto korvaa riviin asetetut tai vanhantyyliset numerot yläindeksinumeroilla (pääasiassa alaviitemerkintöjä varten) ja korvaa pienet kirjaimet yläindeksikirjaimilla (pääasiassa lyhenteitä varten ranskalaisissa nimikkeissä).

Yläindeksitoiminto on oletusarvoisesti pois käytöstä.

Ota se käyttöön font-variant-ominaisuudella tai font-variant-position-alaominaisuudella käyttämällä arvoa super.Saat saman tuloksen font-feature-settings-asetuksella käyttämällä "sups"-ominaisuustagia.

Alaindeksi (subs)

Esimerkki alaindeksistä Warnock Pro -kirjasimella.

Tämä toiminto voi korvata oletuskirjainmerkin alaindeksikirjainmerkillä, tai se voi yhdistää kirjainmerkin korvauksen sijainnin säätöihin oikean sijoituksen aikaansaamiseksi.

Alaindeksitoiminto on oletusarvoisesti pois käytöstä.

Ota se käyttöön font-variant-ominaisuudella tai font-variant-position-alaominaisuudella käyttämällä arvoa sub.Saat saman tuloksen font-feature-settings-asetuksella käyttämällä "subs"-ominaisuustagia.