Font-display-asetuksen arvo
Päivitetty viimeksi
23. kesäkuuta 2023
- Adobe Fonts User Guide
- Introduction
- Font licensing
- Font licensing
- Manage your account
- Licensing for Creative Cloud for enterprise customers
- Adding font licenses to your account
- Removing fonts from the subscription library
- Adobe Fonts not available to Adobe IDs registered in China
- Why aren't these fonts included in my Creative Cloud subscription?
- Morisawa font removal September 2021
- Getting and using fonts
- Using Adobe Fonts in Creative Cloud apps
- Manage your fonts
- Resolve missing fonts in desktop applications
- Using fonts in InDesign
- Fonts and typography
- Using web fonts in HTML5 Canvas documents
- Using fonts in InCopy
- Using web fonts in Muse
- Packaging font files
- Troubleshooting guide: Adding fonts
- Added fonts aren't showing to font menu
- "Unable to add one or more fonts" or "A font with the same name is already installed"
- What happens when a font I'm using is updated by the foundry?
- Web design and development
- Add fonts to your website
- Troubleshooting guide: Adding fonts to a website
- Troubleshoot font issues
- Using web fonts in HTML email or newsletters
- Using web fonts with Accelerated Mobile Pages (AMP)
- CSS selectors
- Customize web font performance with font-display settings
- Embed codes
- Dynamic subsetting & web font serving
- Font events
- Why are my web fonts from use.typekit.net?
- Site can't connect to use.typekit.net
- Using web fonts with CodePen
- Browser and OS support
- Domains
- Using web fonts when developing locally
- Content security policy
- Printing web fonts
- Language support and OpenType features
- Font technology
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 kävijät saattavat nähdä Flash of unstyled text (FOUT) ‑merkinnän tätä asetusta käytettäessä. |
|
Fallback (Vara) |
Käyttää estotoimintoa lyhyen ajan, siirtyy sitten vaihtotoimintoon ja käyttää tekstissä varakirjasinta. Jos verkkokirjasimet 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, jos esimerkiksi sivuston kävijä käyttää hidasta Internet-yhteyttä. |
Teknisiä tietoja kirjasimien näytöstä ja tuetuista arvoista on CSS-kirjasinmoduulin tason 4 määrityksissä.
Huomautus:
Oletusarvoisesti verkkokirjasinprojektit luodaan niin, että font-display-asetuksena on auto.
Voit mukauttaa font-display-asetuksen seuraavasti:
-
Valitse verkkoprojektisivulla Edit Project (Muokkaa projektia).
Muokkaa projektia Muokkaa projektia -
Valitse sivupalkista jokin seuraavista font-display-arvoista. Oletusarvoisesti verkkokirjasinprojektien font-display-asetuksena 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 oletusarvoista font-display: auto ‑arvoa.
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. Sinun ei tarvitse tehdä muutoksia itse sivustoon.
