Font-display-asetuksen arvo
Päivitetty viimeksi
11. heinäkuuta 2023
Ota selvää, miten voit muuttaa verkkokirjasimien toimintatapaa font-display-asetuksilla.
Font-display-asetuksen avulla voit määrittää, miten verkkokirjasimet ladataan verkkoselaimeen ja miten niitä käytetään sivustossasi. Font-display-asetuksia on viisi:
|
|
Toimintatapa |
|---|---|
|
Auto (Automaattinen) |
Antaa selaimen käyttää oletusmenetelmää kirjasimen lataamiseen. |
|
Block (Estä) |
Piilottaa tekstin sivustossa, kunnes verkkokirjasin on ladattu. Sivustosi kävijät saattavat nähdä Flash of invisible text (FOIT) ‑merkinnän tätä asetusta käytettäessä. |
|
Swap (Vaihda) |
Näyttää CSS:ssä määrittämäsi varakirjasimen, kunnes verkkokirjasin on ladattu. Sivustosi vierailijat saattavat nähdä muotoilemattoman tekstin välähdyksen eli FOUT:n tällä asetuksella. |
|
Fallback (Vara) |
Käyttää estotoimintoa lyhyen ajan, siirtyy sitten vaihtotoimintoon ja käyttää tekstissä varakirjasinta.Jos Web Fonts -kirjasimet eivät ole latautuneet vaihtojakson loppuun mennessä, varakirjasin pysyy käytössä. |
|
Optional (Valinnainen) |
Käyttää estotoimintoa lyhyen ajan ja käyttää sitten tekstissä varakirjasinta. Arvo antaa verkkoselaimelle mahdollisuuden olla lataamatta verkkokirjasinta ollenkaan, esimerkiksi jos sivuston vierailija käyttää hidasta internetyhteyttä. |
Teknisiä tietoja kirjasimien näytöstä ja tuetuista arvoista on CSS-kirjasinmoduulin tason 4 määrityksissä.
Muistiinpano
Oletusarvoisesti verkkokirjasinprojektit luodaan niin, että font-display-asetuksena on auto.
Voit mukauttaa font-display-asetuksen seuraavasti:
Valitse verkkoprojektisivulla Edit Project (Muokkaa projektia).
Valitse sivupalkista jokin seuraavista font-display-arvoista. Oletuksena verkkokirjasinprojektien font-display-asetus on auto.
Valitse Save Changes (Tallenna muutokset), niin font-display-arvo otetaan sivustossasi käyttöön muutamassa minuutissa.
Uusi font-display-asetus sisällytetään automaattisesti sivustoosi osana olemassa olevaa upotuskoodia.
Olemassa olevien verkkoprojektien päivittäminen
Font-display-tuki lisättiin Adoben verkkokirjasimien lataukseen syyskuussa 2020. Ennen syyskuuta 2020 luodut verkkoprojektit on päivitetty käyttämään oletus font-display: auto -toimintaa.
Olemassa olevien projektien font-display-arvoa voidaan muuttaa toimimalla edellä annettujen ohjeiden mukaan. Muutosten tallentamisen jälkeen uusi font-display-arvo sisällytetään sivustoosi osana olemassa olevaa upotuskoodia. Sivustoon itseensä ei tarvitse tehdä muutoksia.
Tutustu Adobe Fontsiin
Etsi täydellinen kirjasintyyppi mitä tahansa verkkopohjaista tai painettua projektia varten.
