- 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
CSS-velgere forteller nettleseren hvor de skal ta i bruk webskriftene du bruker, samt vekten og stilen til skriften som skal brukes på teksten.
Bruke skriftfamilienavn i CSS
Webprosjekter-siden viser CSS-skriftfamilienavnet, numerisk vekt og skriftstil for hver skrift i prosjektet. Klikk på koblingen "Rediger prosjekt" for å se CSS-informasjon for hvert prosjekt.
Når du har inkludert den innebygde koden i dokumentet, bruker du disse skiftfamilienavnene i CSS-en for å ta i bruk skriftene på teksten. Eksempel:
h1 {
font-family: "brandon-grotesque", sans-serif;
}
Angi reserveskrifter
Hvis nettleseren til en bruker ikke støtter nettskrifter eller hvis de ikke lastes inn, brukes reserveskriftene i CSS-stakken i stedet.
Skriftstakken bør inneholde minst én reserveskrift som er tilgjengelig på alle slags plattformer (f.eks. Georgia eller Arial), etterfulgt av et generisk skriftfamilienavn (f.eks. serif eller sans-serif). Hvis nettleseren ikke finner den første skriften, forsøker den å finne den andre skriften og så videre.
Bruker flere tykkelser og stiler
Du kan angi andre skrifttykkelser enn "normal" og "fet" ved å bruke numeriske verdier for skrifttykkelse i CSS-en. De numeriske verdiene tilsvarer som oftest disse tykkelsene:
- 100 = tynn
- 200 = ekstra lett
- 300 = lett
- 400 = normal, bok
- 500 = middels
- 600 = halvfet
- 700 = fet
- 800 = svært fet
- 900 = svart
Du finner de numeriske verdiene for alle skriftene i prosjektet ditt på Webprosjekter-siden.
For eksempel kan du bruke denne CSS-en til å ta i bruk 700-tykkelsen for en skrift på h1-elementet:
h1 {
font-weight: 700;
}
Bruke variasjonsspesifikke navn i Internet Explorer 8
Internet Explorer 8 laster inn maksimalt fire tykkelser per familie. Hvis man bruker to nært beslektede tykkelser (f.eks. 600 og 700), kan dette resultere i at kun én av tykkelsene lastes inn slik den skal. Adobe Fonts leverer variantspesifikke skriftfamilienavn til disse versjonene av nettleseren for å håndtere begge disse feilene.
Det variantspesifikke navnet bør legges til i begynnelsen av en skriftfamilie-stakk etter behov, før hovedfamilienavnet:
#post-title {
font-family: "brandon-grotesque-n7","brandon-grotesque", sans-serif;
font-style: normal;
font-weight: 700;
}
Navnene består av det vanlige skriftfamilienavnet, etterfulgt av en bindestrek, etterfulgt av en beskrivelse av skriftvarianten (eller FVD). For eksempel er det variantspesifikke navnet til brandon-grotesque, som inneholder skriften med vekt på 700, brandon-grotesque-n7.
Variantspesifikke navn er udefinerte i nettlesere som ikke har disse problemene, derfor bruker de det fullstendige navnet som kommer på andreplass i stakken.
De fleste brukere trenger ikke å bruke disse ekstra skriftfamilienavnene. Du trenger bare å legge dem til hvis du opplever problemer med at skriftene ikke vises som de skal i Internet Explorer 8.
