CSS Font-Feature-Values: OpenType-ominaisuuksien hallinta

Verkkosuunnittelun dynaamisessa maailmassa typografialla on keskeinen rooli brändi-identiteetin välittämisessä, luettavuuden parantamisessa ja vangitsevien visuaalisten kokemusten luomisessa. Vaikka perusfonttien muotoilu on suoraviivaista, hienostuneiden typografisten tehosteiden saavuttaminen vaatii usein syventymistä OpenType-fonttien edistyneisiin ominaisuuksiin. Onneksi CSS tarjoaa tehokkaita työkaluja näiden ominaisuuksien hyödyntämiseen font-feature-values-säännön avulla. Tämä kattava opas tutkii, kuinka näitä CSS-ominaisuuksia voidaan hyödyntää OpenType-ominaisuuksien yksityiskohtaiseen hallintaan, antaen sinulle valmiudet nostaa verkkotypografiasi kansainväliselle ammattitasolle.

OpenType-fonttien ja niiden ominaisuuksien ymmärtäminen

Ennen kuin sukellamme CSS-säätimiin, on olennaista ymmärtää, mitä OpenType-fontit ovat ja miksi ne ovat niin arvokkaita. OpenType, Microsoftin ja Adoben yhteistyössä kehittämä, on erittäin monipuolinen fonttimuoto, joka laajentaa vanhempien muotojen, kuten TrueTypen ja PostScriptin, ominaisuuksia. Se on suunniteltu tukemaan laajaa valikoimaa kieliä ja typografisia käytäntöjä, mikä tekee siitä ihanteellisen globaalille yleisölle.

OpenTypen todellinen voima piilee sen tuessa laajalle joukolle typografisia ominaisuuksia, joita usein kutsutaan OpenType-ominaisuuksiksi tai fonttiominaisuuksiksi. Nämä ominaisuudet mahdollistavat edistyneitä tyylillisiä ja kielellisiä mukautuksia, jotka ylittävät yksinkertaisen merkkien korvaamisen. Joitakin yleisimpiä ja vaikuttavimpia OpenType-ominaisuuksia ovat:

• Ligatuurit: Nämä ovat yksittäisiä glyyfejä, jotka edustavat kahta tai useampaa merkkiä. Yleisiä ligatuureja ovat 'fi', 'fl', 'ff', 'ffi' ja 'ffl'. Ne parantavat luettavuutta ja estetiikkaa yhdistämällä ongelmallisia merkkipareja, jotka muuten saattaisivat mennä päällekkäin tai näyttää kömpelöiltä.
• Kontekstuaaliset vaihtoehdot: Nämä ominaisuudet säätävät merkkejä automaattisesti niiden ympärillä olevien merkkien perusteella, mikä takaa luonnollisemman virtauksen ja yhtenäisen ulkonäön, erityisesti kirjoitusjärjestelmissä, joissa on monimutkaisia liitossääntöjä.
• Koristeelliset vedot (Swash): Nämä ovat koristeellisia lisäyksiä, jotka voidaan lisätä merkkeihin, usein sanojen alkuun tai loppuun, tuoden elegantin ja ilmeikkään silauksen.
• Tyylilliset sarjat (ss01-ss20): Monet OpenType-fontit sisältävät ennalta suunniteltuja tyylillisiä vaihtoehtoja tietyille merkeille. Nämä sarjat antavat suunnittelijoille mahdollisuuden vaihtaa kirjainten, numeroiden tai välimerkkien eri muotoilujen välillä, tarjoten joukon esteettisiä valintoja yhden fonttiperheen sisällä.
• Mediævalnumerot (onum): Toisin kuin tasaleveät numerot (suorat numerot), mediævalnumeroilla on ylä- ja alapidennykkeitä, muistuttaen gemenakirjaimia. Ne soveltuvat erityisen hyvin leipätekstiin ja historiallisiin konteksteihin, sulautuen harmonisemmin ympäröivään tekstiin.
• Murtoluvut: Nämä ovat ennalta suunniteltuja typografisia murtolukuja, jotka näyttävät hienostuneemmilta kuin päällekkäiset vinomurtoluvut.
• Kapiteelit: Vaikka tämä ei olekaan kaikissa tapauksissa tiukasti OpenType-ominaisuus, fontit sisältävät usein erillisiä kapiteeliglyyfejä, jotka ovat parempia kuin teko-kapiteelit, jotka on luotu yksinkertaisesti skaalaamalla suuraakkosia.
• Kerning (merkkivälistys): Vaikka kerning hoidetaan usein automaattisesti fontin metriikan avulla, jotkin OpenType-ominaisuudet mahdollistavat tarkemman hallinnan tiettyjen merkkiparien välisestä tilasta.

Näihin ominaisuuksiin päästään tyypillisesti käsiksi julkaisuohjelmistoilla, kuten Adobe InDesign tai Illustrator, käyttämällä tiettyjä glyyfinimiä tai ominaisuuskoodeja. Verkossa ensisijainen tapa hallita näitä ominaisuuksia on kuitenkin CSS:n avulla.

font-feature-settings-ominaisuuden esittely

Kaikkein perustavanlaatuisin CSS-ominaisuus OpenType-ominaisuuksien hallintaan on font-feature-settings. Sen avulla voit ottaa käyttöön tai poistaa käytöstä tiettyjä OpenType-ominaisuuksia antamalla niiden nelimerkkiset ominaisuustunnisteet (feature tags). Nämä tunnisteet ovat OpenType-määrittelyssä määriteltyjä standardoituja tunnisteita.

Yleiset font-feature-settings-tunnisteet

Tässä on joitakin yleisimmin käytettyjä ominaisuustunnisteita, joita voit hallita font-feature-settings-ominaisuudella:

• liga: Ottaa käyttöön standardit ligatuurit.
• clig: Ottaa käyttöön kontekstuaaliset ligatuurit (käytetään usein `liga`-tunnisteen kanssa).
• dlig: Ottaa käyttöön harkinnanvaraiset ligatuurit (harvinaisempia, usein tyylillisenä tehokeinona).
• salt: Ottaa käyttöön tyylilliset vaihtoehdot.
• swsh: Ottaa käyttöön swash-merkit (koristeelliset vedot).
• onum: Ottaa käyttöön mediævalnumerot.
• lnum: Ottaa käyttöön suorat numerot (oletus).
• frac: Ottaa käyttöön murtoluvut.
• smcp: Ottaa käyttöön kapiteelit.
• cpsp: Ottaa käyttöön suuraakkosten välistyksen.
• kern: Ottaa käyttöön kerningin (usein oletuksena käytössä).

font-feature-settings-ominaisuuden käyttö

font-feature-settings-ominaisuuden syntaksi on pilkulla erotettu luettelo ominaisuustunnisteista ja niiden halutuista tiloista:

• 'feature-tag' on: Ottaa ominaisuuden käyttöön.
• 'feature-tag' off: Poistaa ominaisuuden käytöstä.
• 'feature-tag' 1: Ottaa ominaisuuden käyttöön (vastaa on-arvoa monissa ominaisuuksissa).
• 'feature-tag' 0: Poistaa ominaisuuden käytöstä (vastaa off-arvoa monissa ominaisuuksissa).
• 'feature-tag' value: Ominaisuuksille, jotka tukevat useita variantteja (esim. tyylilliset sarjat), numeerinen arvo valitsee tietyn variantin.

Esimerkki: Ligatuurien ja mediævalnumeroiden käyttöönotto

            
body {
  font-family: 'Merriweather', serif;
  font-feature-settings: 'liga' on, 'onum' on;
}

            

              
                Copy
              
            
          

Tässä esimerkissä sovellamme 'Merriweather'-fonttia body-elementtiin. Sitten otamme käyttöön standardit ligatuurit ('liga' on) ja mediævalnumerot ('onum' on). Tämä tarkoittaisi, että merkkien yhdistelmät, kuten 'fi' ja 'fl', renderöityisivät vastaavina ligatuuriglyyfeinään, ja numerot, kuten '123', käyttäisivät mediævalnumeroiden muotoilua, jos fontti tukee niitä.

Esimerkki: Ligatuurien poistaminen käytöstä

Vaikka ligatuurit usein parantavat luettavuutta, voi olla tilanteita, joissa ne eivät ole toivottuja, esimerkiksi koodinpätkissä tai tietyissä kielellisissä konteksteissa. Voit poistaa ne käytöstä käyttämällä:

            
.code-snippet {
  font-family: 'Fira Code', monospace;
  font-feature-settings: 'liga' off;
}

            

              
                Copy
              
            
          

Esimerkki: Tyylillisten sarjojen käyttö

Monet OpenType-fontit tarjoavat useita tyylillisiä sarjoja. Esimerkiksi fontilla voi olla 20 erilaista tyylillistä sarjaa, mikä mahdollistaa laajan mukauttamisen. Voit käyttää näitä tunnisteilla, kuten ss01 - ss20. Tunnisteelle annettu arvo määrittää, mikä stylistinen sarja on käytössä.

            
.artistic-text {
  font-family: 'Playfair Display', serif;
  font-feature-settings: 'ss01' 1; /* Aktivoi ensimmäisen tyylillisen sarjan */
}

.alternative-text {
  font-family: 'Playfair Display', serif;
  font-feature-settings: 'ss02' 1; /* Aktivoi toisen tyylillisen sarjan */
}

            

              
                Copy
              
            
          

On erittäin tärkeää tutustua kunkin fontin dokumentaatioon ymmärtääksesi, mitä tyylillisiä sarjoja se tarjoaa ja millaisia tyylillisiä muunnelmia ne sisältävät. Esimerkiksi 'Playfair Display' saattaa tarjota erilaisia tyylillisiä vaihtoehtoja 'q'- tai 'g'-kirjaimille stylistisissä sarjoissaan.

font-variant-lyhenneominaisuus

Ominaisuus font-variant on lyhenne useille muille fontteihin liittyville ominaisuuksille, mukaan lukien joillekin, jotka hallitsevat OpenType-ominaisuuksia. Vaikka se on vähemmän yksityiskohtainen kuin font-feature-settings suorassa OpenType-hallinnassa, se on hyödyllinen yleisissä tyylillisissä muunnelmissa:

• font-variant-ligatures: Hallitsee ligatuureja (esim. none, normal, contextual, discretionary).
• font-variant-numeric: Hallitsee numeroita (esim. lining-nums, oldstyle-nums, fractions, tabular-nums).
• font-variant-alternates: Hallitsee tyylillisiä vaihtoehtoja (esim. normal, stylistic(value)).
• font-variant-position: Hallitsee ylä- ja alaindeksejä.
• font-variant-caps: Hallitsee suuraakkostyylejä (esim. normal, small-caps, all-small-caps).

Esimerkki: font-variant-numeric-ominaisuuden käyttö

            
h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-variant-numeric: oldstyle-nums, fractions;
}

            

              
                Copy
              
            
          

Tämä ottaa käyttöön mediævalnumerot ja murtoluvut otsikossa, jos fontti tukee niitä. Se on semanttisempi tapa saavuttaa nämä tehosteet verrattuna font-feature-settings-ominaisuuden suoraan käyttöön näille tietyille ominaisuuksille.

@font-feature-values-säännön voima: Temaattisten fonttityylien luominen

Vaikka font-feature-settings on tehokas yksittäisten elementtien muotoilussa, monimutkaisten typografisten sääntöjen hallinta suurella verkkosivustolla voi muuttua toistuvaksi ja vaikeasti ylläpidettäväksi. Tässä @font-feature-values-sääntö on parhaimmillaan. Sen avulla voit määrittää mukautettuja nimiä tietyille OpenType-ominaisuusasetuksille, mikä tekee CSS-koodistasi siistimmän, luettavamman ja helpommin hallittavan.

Mukautettujen fonttiominaisuuksien nimien määrittely

@font-feature-values-säännön syntaksi sisältää nimen määrittelyn fonttiperheelle ja sen jälkeen mukautettujen avainsanojen määrittelyn OpenType-ominaisuuksille. Tämä antaa sinun ryhmitellä toisiinsa liittyviä ominaisuusasetuksia yhden, mieleenpainuvan nimen alle.

Esimerkki: 'Klassisen' tyylin määrittely

Oletetaan, että sinulla on kirjasin, kuten 'Garamond Premier Pro', jolla on erinomainen tuki mediævalnumeroille, ligatuureille ja tyylillisille vaihtoehdoille, jotka antavat sille klassisen tunnelman. Voit määrittää mukautetun avainsanan tälle tyylille:

            
@font-feature-values 'Garamond Premier Pro' {
  .classic-style {
    ligatures: normal;
    oldstyle-nums: on;
    stylistic-alternates: stylistic(1);
  }

  .modern-style {
    ligatures: none;
    oldstyle-nums: off;
    stylistic-alternates: stylistic(5);
  }
}

            

              
                Copy
              
            
          

Tässä esimerkissä:

• Olemme määrittäneet fonttiperheen nimen, `'Garamond Premier Pro'`. Tämän nimen tulisi ihanteellisesti vastata `font-family`-nimeä, jota käytät myöhemmin.
• Olemme luoneet mukautetun avainsanan, `.classic-style`, ja antaneet sille tietyt OpenType-asetukset: normaalit ligatuurit, mediævalnumerot ja ensimmäisen tyylillisen vaihtoehdon.
• Olemme myös määrittäneet `.modern-style`-tyylin eri asetuksilla.

Mukautettujen fonttiominaisuuksien nimien soveltaminen

Kun ne on määritelty, voit soveltaa näitä mukautettuja avainsanoja käyttämällä standardeja fonttiominaisuuksia:

            
body {
  font-family: 'Garamond Premier Pro', serif;
}

h1 {
  font-feature-values: 'Garamond Premier Pro' classic-style;
}

p {
  font-feature-values: 'Garamond Premier Pro' modern-style;
}

            

              
                Copy
              
            
          

Tämä lähestymistapa parantaa merkittävästi CSS:n ylläpidettävyyttä. Sen sijaan, että toistaisit monimutkaisia font-feature-settings-määrityksiä, voit käyttää yksinkertaisia, kuvailevia avainsanoja. Tämä on erityisen hyödyllistä työskenneltäessä kansainvälisissä tiimeissä tai suurissa projekteissa, joissa johdonmukaisuus on avainasemassa.

@font-feature-values useiden fonttiperheiden kanssa

Voit määrittää nämä ominaisuusarvojoukot useille fonttiperheille samassa tyylitiedostossa:

            
@font-feature-values 'Source Serif Pro' {
  .editorial {
    ligatures: normal;
    oldstyle-nums: on;
    swashes: swash(2);
  }
}

@font-feature-values 'Source Sans Pro' {
  .technical {
    ligatures: none;
    tabular-nums: on;
    case: small-caps;
  }
}

            

              
                Copy
              
            
          

Ja sitten soveltaa niitä:

            
.article-body {
  font-family: 'Source Serif Pro', serif;
  font-feature-values: 'Source Serif Pro' editorial;
}

.ui-label {
  font-family: 'Source Sans Pro', sans-serif;
  font-feature-values: 'Source Sans Pro' technical;
}

            

              
                Copy
              
            
          

Globaalit typografiset huomiot

Suunniteltaessa globaalille yleisölle, typografisilla valinnoilla on merkittäviä vaikutuksia. OpenType-ominaisuudet voivat olla avainasemassa suunnitelmien mukauttamisessa eri kieliin ja kulttuurisiin mieltymyksiin.

Kielikohtaiset ominaisuudet

Monet OpenType-fontit sisältävät ominaisuuksia, jotka on erityisesti suunniteltu tukemaan tiettyjä kieliä tai kirjoitusjärjestelmiä. Esimerkiksi:

• Kontekstuaaliset vaihtoehdot ovat elintärkeitä kielille, joissa on kursiivinen tai yhdistyvä kirjoitus, kuten arabia tai devanagari, varmistaen, että kirjaimet yhdistyvät oikein.
• Kielikohtaisia ligatuureja saattaa olla olemassa tietyille foneettisille yhdistelmille eri Euroopan kielissä.
• Paikallisia muotoja merkeistä voidaan sisällyttää vastaamaan tiettyjä alueellisia typografisia käytäntöjä.

CSS-ominaisuus lang() voidaan yhdistää font-feature-settings-ominaisuuteen soveltaaksesi erilaisia typografisia tyylejä sisällön kielen perusteella.

Esimerkki: Kielikohtainen muotoilu

Oletetaan, että sinulla on fontti, joka tukee ranskalaisia typografisia käytäntöjä, kuten tiettyjä ligatuureja tai välimerkkityylejä, ja haluat soveltaa niitä vain ranskankieliseen tekstiin.

            
@font-feature-values 'Libre Baskerville' {
  .french-ligatures {
    font-feature-settings: 'flah' on; /* Esimerkki: Ranskalainen ligatuuriasetus */
  }
}

:lang(fr) p {
  font-family: 'Libre Baskerville', serif;
  font-feature-values: 'Libre Baskerville' french-ligatures;
}

/* Muille kielille voit poistaa käytöstä tai käyttää oletusasetuksia */
:lang(en) p {
  font-family: 'Libre Baskerville', serif;
  font-feature-settings: 'flah' off; /* Poista käytöstä tietty ranskalainen ligatuuri, jos se ei ole sovellettavissa */
}

            

              
                Copy
              
            
          

Huom: Kielikohtaisten ominaisuuksien tunnisteet voivat vaihdella suuresti. Sinun on tutustuttava fontin dokumentaatioon näiden tunnisteiden osalta (esim. `flah` ranskalaisille ligatuureille, `rlig` pakollisille ligatuureille).

Luettavuus eri laitteilla ja kulttuureissa

OpenType-ominaisuudet voivat myös merkittävästi vaikuttaa luettavuuteen eri laitteilla ja eri käyttäjäryhmille.

• Mediævalnumerot voivat parantaa numeerisen datan luettavuutta leipätekstissä, erityisesti raporteissa tai taloustiedoissa, joissa perinteinen estetiikka on suositeltavaa.
• Murtoluvut tekevät numeerisesta datasta helpommin silmäiltävää ja ymmärrettävää.
• Kapiteelit ovat tehokkaita akronyymeille tai lyhenteille, mutta niiden liiallinen käyttö voi heikentää luettavuutta, erityisesti pidemmissä tekstikappaleissa.

Harkitse kohdeyleisöäsi ja sisällön kontekstia. Globaalille yleisölle selkeyden ja luettavuuden priorisointi saattaa tarkoittaa yksinkertaisempien, yleisemmin ymmärrettyjen typografisten asetusten valitsemista tai käyttäjille annettavia vaihtoehtoja mukauttaa katselukokemustaan.

Fonttien lisensointi ja saavutettavuus

Kun käytät verkkofontteja, kiinnitä aina erityistä huomiota lisenssisopimuksiin. Jotkin fonttilisenssit saattavat rajoittaa tiettyjen OpenType-ominaisuuksien käyttöä tai vaatia erityistä mainintaa. Varmista, että valitsemasi fontit on lisensoitu verkkokäyttöön ja niille ominaisuuksille, joita aiot käyttää.

Lisäksi ota huomioon saavutettavuus. Vaikka edistyneet typografiset ominaisuudet voivat parantaa estetiikkaa, varmista, että ne eivät haittaa luettavuutta käyttäjille, joilla on näkövamma tai kognitiivisia eroja. Testaa suunnitelmasi saavutettavuustyökaluilla ja käyttäjäpalautteen avulla.

Käytännön esimerkkejä ja parhaita käytäntöjä

Vahvistetaan ymmärrystämme muutamilla käytännön esimerkeillä ja parhailla käytännöillä OpenType-ominaisuuksien hallinnan toteuttamiseksi.

1. Toimituksellisen sisällön parantaminen

Artikkeleissa, blogeissa tai missä tahansa pitkässä tekstissä OpenType-ominaisuuksien käyttö voi luoda hienostuneemman ja luettavamman kokemuksen.

            
@font-feature-values 'Merriweather' {
  .editorial {
    ligatures: normal;
    oldstyle-nums: on;
    contextual-alternates: on;
    case: small-caps;
  }
}

.article p {
  font-family: 'Merriweather', serif;
  font-size: 1.1rem;
  line-height: 1.6;
  font-feature-values: 'Merriweather' editorial;
}

.article p .acronym {
  font-feature-values: 'Merriweather' case(small-caps);
}

            

              
                Copy
              
            
          

Selitys: Tämä soveltaa ligatuureja, mediævalnumeroita, kontekstuaalisia vaihtoehtoja ja kapiteeleja artikkelin kappaleiden sisällä oleville akronyymeille. `oldstyle-nums`-käyttö voi saada tekstissä olevat numerot sekoittumaan luonnollisemmin.

2. Erottuvien otsikoiden luominen

Otsikot ovat usein paikka, jossa voit kokeilla tyylikkäämpiä OpenType-ominaisuuksia saadaksesi ne erottumaan joukosta.

            
@font-feature-values 'Playfair Display' {
  .headline-style {
    ligatures: discretionary;
    swashes: swash(3);
    stylistic-alternates: stylistic(2);
  }
}

h1 {
  font-family: 'Playfair Display', serif;
  font-size: 3rem;
  font-weight: 700;
  font-feature-values: 'Playfair Display' headline-style;
}

            

              
                Copy
              
            
          

Selitys: Tämä esimerkki käyttää harkinnanvaraisia ligatuureja, tiettyä swash-varianttia ja tyylillistä vaihtoehtoa antaakseen pääotsikolle taiteellisemman ja ainutlaatuisemman ulkonäön.

3. Datan esityksen optimointi

Taulukoissa, talousraporteissa tai kojelaudoissa tasaleveät numerot ja tarkka välistys ovat ratkaisevan tärkeitä.

            
@font-feature-values 'Roboto Mono' {
  .tabular-data {
    tabular-nums: on;
    case: normal;
    ligatures: off;
  }
}

table td {
  font-family: 'Roboto Mono', monospace;
  font-size: 0.9rem;
  font-feature-values: 'Roboto Mono' tabular-data;
}

            

              
                Copy
              
            
          

Selitys: Tämä varmistaa, että taulukoiden numerot asettuvat täydellisesti linjaan tasaleveiden numeroiden avulla ja poistaa käytöstä ligatuurit, jotka saattavat häiritä numeroiden luettavuutta. Kapiteelit on myös kytketty pois päältä ylläpitääkseen johdonmukaista merkkikorkeutta.

Parhaiden käytäntöjen tarkistuslista:

• Tunne fonttisi: Tutustu aina fontin dokumentaatioon ymmärtääksesi sen OpenType-ominaisuuksien tuen ja ominaisuustunnisteiden sekä tyylillisten sarjojen erityiset merkitykset.
• Käytä @font-feature-values: Hyödynnä tätä sääntöä siistimmän ja ylläpidettävämmän CSS:n luomiseksi, erityisesti temaattisten tyylien määrittelyssä.
• Priorisoi luettavuus: Vaikka tyylilliset ominaisuudet ovat houkuttelevia, varmista, että ne eivät vaaranna luettavuutta, erityisesti leipätekstissä ja globaalille yleisölle.
• Ota kieli huomioon: Käytä CSS:n lang()-ominaisuutta soveltaaksesi tarvittaessa kielikohtaisia typografisia sääntöjä.
• Saavutettavuus edellä: Testaa typografiset valintasi saavutettavuus mielessä. Vältä liian koristeellisia ominaisuuksia, jotka saattavat haitata ruudunlukijoita tai heikkonäköisiä käyttäjiä.
• Suorituskyky: Ole tietoinen siitä, että monien OpenType-ominaisuuksien käyttöönotto voi joskus vaikuttaa fontin renderöintisuorituskykyyn. Testaa eri laitteilla.
• Selainyhteensopivuus: Vaikka modernit selaimet tarjoavat hyvän tuen OpenType-ominaisuuksille CSS:n kautta, tarkista aina yhteensopivuus vanhempien selainten kanssa, jos yleisösi sitä vaatii. font-feature-settings-ominaisuudella on yleensä laajempi tuki kuin tarkemmilla font-variant-*-ominaisuuksilla tai @font-feature-values-säännöllä.
• Varafontit: Määritä aina varafontit CSS:ssä varmistaaksesi, että teksti pysyy luettavana, vaikka ensisijainen fontti ei latautuisi tai ei tukisi tiettyjä ominaisuuksia.

Yhteenveto

CSS:n fonttiominaisuusarvot, erityisesti font-feature-settings-ominaisuuden ja @font-feature-values-säännön kautta, tarjoavat vertaansa vailla olevan hallinnan OpenType-fonttien hienostuneisiin ominaisuuksiin. Hallitsemalla nämä työkalut voit luoda verkkokokemuksia, jotka eivät ole vain visuaalisesti upeita, vaan myös typografisesti rikkaita ja kulttuurisesti mukautuvia.

Globaalille yleisölle tämä hallinnan taso ei ole vain estetiikkaa; se on selkeyden, luettavuuden ja yhteyden varmistamista moninaisiin kielellisiin ja kulttuurisiin odotuksiin. Hyödynnä OpenType-ominaisuuksien voima luodaksesi verkkotypografiaa, joka todella puhuttelee kaikkia, kaikkialla.