Brukerveiledning Avbryt

Legge til skrifter på nettstedet ditt

  1. Adobe Fonts User Guide
  2. Introduction
    1. System and subscription requirements
    2. Browser and OS support
    3. Add fonts on your computer
    4. Add fonts to your website
    5. Add fonts on CC Mobile
  3. Font licensing
    1. Font licensing
    2. Manage your account
    3. Licensing for Creative Cloud for enterprise customers
    4. Adding font licenses to your account
    5. Removing fonts from the subscription library
    6. Adobe Fonts not available to Adobe IDs registered in China
    7. Why aren't these fonts included in my Creative Cloud subscription?
    8. Morisawa font removal September 2021
  4. Getting and using fonts
    1. Using Adobe Fonts in Creative Cloud apps
    2. Manage your fonts
    3. Resolve missing fonts in desktop applications
    4. Using fonts in InDesign
    5. Fonts and typography
    6. Using web fonts in HTML5 Canvas documents
    7. Using fonts in InCopy
    8. Using web fonts in Muse
    9. Packaging font files
    10. Troubleshooting guide: Adding fonts
    11. Added fonts aren't showing to font menu
    12. "Unable to add one or more fonts" or "A font with the same name is already installed"
    13. What happens when a font I'm using is updated by the foundry?
  5. Web design and development
    1. Add fonts to your website
    2. Troubleshooting guide: Adding fonts to a website
    3. Troubleshoot font issues
    4. Using web fonts in HTML email or newsletters
    5. Using web fonts with Accelerated Mobile Pages (AMP)
    6. CSS selectors
    7. Customize web font performance with font-display settings
    8. Embed codes
    9. Dynamic subsetting & web font serving
    10. Font events
    11. Why are my web fonts from use.typekit.net?
    12. Site can't connect to use.typekit.net
    13. Using web fonts with CodePen
    14. Browser and OS support
    15. Domains
    16. Using web fonts when developing locally
    17. Content security policy
    18. Printing web fonts
  6. Language support and OpenType features
    1. Language support and subsetting
    2. Using OpenType features
    3. Syntax for OpenType features in CSS
  7. Font technology
    1. OpenType-SVG color fonts
    2. Ten Mincho: important points on updating from Version 1.000

Webskrifter fra Adobe Fonts kan brukes på nettstedene dine, i HTML-e-postkampanjer, artikler i Google AMP-format og en rekke andre prosjekter som støtter webskrifter.

Adobe Fonts-webtjenesten krever at webskrifter benyttes via innbyggingskoden de angir. I henhold til vilkårene for bruk tillates ikke egendrifting eller opplasting av webskriftfiler til webdesignplattformer.

Velg skriftene du vil bruke

Begynn med å bla gjennom skriftbiblioteket. Du kan velge språkstøtten du ønsker fra rullegardinmenyen SPRÅK OG SKRIFTSYSTEMER.

Nettgrensesnittet for skrifter blir vist med språkinnstillingene uthevet
Velg menyen for språk og skriftsystemer for å se menyen for språkfilter for skrifter

Legg til tagger eller filtre for å avgrense listen over skrifter. Bruk de naturlige taggene for språk for å bla gjennom skrifter som passer stemningen i prosjektet ditt, eller filtrer etter klassifisering (f.eks. serif eller sans serif), egenskaper (x-høyde, bredde eller vekt) eller språk. 

Søke med Adobe Fonts-tagger

Opprette et webprosjekt

Når du finner en skrift du liker, klikker du på</> for å legge til familien i et webprosjekt.

et bilde av skriften Gilbert blir vist med alternativet &quot;Legg til familie&quot; uthevet

Du kan også klikke på skriftnavnet for å åpne familiesiden og se alle skriftvektene og -stilene som er tilgjengelige for bruk. Klikk deretter på </> Legg til i webprosjektet øverst på siden for å legge til familien i et webprosjekt.

legge til skriftfamilier samt velge skriftvekter og -stil fra skrifter på nett

I vinduet Legg til skrifter i et webprosjekt, gir du et navn til webprosjektet og avgjør hvilke skrifter som skal inkluderes.

  1. Klikk på menyen og velg "Opprett et nytt prosjekt"
  2. Gi webprosjektet et navn
  3. Bruk avmerkingsboksene for å velge skriftvektene og stilene du vil inkludere.
  4. Opprett prosjektet.

Du kan også gjøre endringer i prosjektinnstillingene fra siden Administrer skrifter senere.

Bilde av en hurtigmeny som brukes til å velge skriftene som skal legges til i et nytt prosjekt fra skrifter på nett

Deretter får du innebyggingskoden for å laste inn skriftene på nettstedet ditt. De ulike alternativene er forklart i hjelpesiden for innebyggingskoder. Standard innebyggingskode fungerer fint for de fleste prosjekter.

Kopier denne innebyggingskoden og legg den til i <head>-taggen på nettstedet ditt.

I bildet blir innbyggingskoden for skrift vist sammen med skriftstilene

Klikk på Ferdig for å lukke webprosjektvinduet og fortsette å bla gjennom.  Hvis du vil legge til flere skrifter i prosjektet ditt, klikker du på </>-knappen for en annen skriftfamilie, og velger deretter prosjektnavnet fra menyen (i stedet for "Opprett et nytt prosjekt").

Tilpass webprosjektet

Webprosjektet og alle skriftene du har lagt til i det, vil være oppført under Administrer skrifter.

Klikk på Rediger prosjekt-knappen for å endre hvilke skriftvekter og -stiler som skal inkluderes, fjerne en nettskriftfamilie helt fra prosjektet eller angi en innstilling for skriftvisning. Du kan også endre tegnsettet i redigeringsprogrammet for webprosjektet, som angir språkstøtten for prosjektet.  

Østasiatiske skrifter må vises med dynamisk underinnstilling, mens andre skrifter har språkbaserte underinnstillinger: Standard, Alle tegn eller et tilpasset språkundersett. Hjelpesiden Språkstøtte og underinnstillinger inneholder mer informasjon om de ulike alternativene.

Du kan inkludere alle slags OpenType-funksjoner i prosjektet ved å merke av for "OpenType-funksjoner". Hvis du merker av i denne boksen, vises det også en liste over funksjonene som er tilgjengelige for den bestemte webskriftfamilien, for eksempel ligaturer, alternative tegn eller små store bokstaver.

Skriftvisning lar deg angi hvordan webskriftene skal lastes inn i nettleseren og brukes på nettstedet ditt. Mer informasjon om disse alternativene er tilgjengelig på hjelpesiden innstillinger for skriftvisning.

Når du har konfigurert prosjektet slik du vil ha det, klikker du "Lagre endringer" for å lagre prosjektet. Oppdateringene blir tilgjengelige for bruk på nettstedet ditt i løpet av få minutter.

Bruke skriftene i CSS-en din

Webprosjekt-siden viser CSS-skriftfamilienavnet, numerisk vekt og skriftstil for hver skrift i prosjektet. Bruk disse skriftfamilienavnene i CSS-en for å ta i bruk skriftene i teksten.

wp-page

Få hjelp raskere og enklere

Ny bruker?