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. How to use fonts in Adobe Muse
    9. Using web fonts in Muse
    10. Packaging font files
    11. Troubleshooting guide: Adding fonts
    12. Added fonts aren't showing to font menu
    13. "Unable to add one or more fonts" or "A font with the same name is already installed"
    14. 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. Using web fonts in HTML email or newsletters
    4. Using web fonts with Accelerated Mobile Pages (AMP)
    5. CSS selectors
    6. Customize web font performance with font-display settings
    7. Embed codes
    8. Dynamic subsetting & web font serving
    9. Font events
    10. Why are my web fonts from use.typekit.net?
    11. Site can't connect to use.typekit.net
    12. Using web fonts with CodePen
    13. Browser and OS support
    14. Domains
    15. Using web fonts when developing locally
    16. Content security policy
    17. 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 mange andre prosjekter som støtter webskrifter.

 

Velg skriftene du vil bruke

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

Bla gjennom Adobe Fonts

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.

Opprette et webprosjekt fra et skriftkort

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 et nytt webskriftprosjekt fra skriftfamiliesiden.

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 Mine Adobe Fonts-siden senere.

bilde

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.

bilde

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, oppføres under Mine Adobe Fonts.

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.  

wp-page

Ø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

 Adobe

Få hjelp raskere og enklere

Ny bruker?

Adobe MAX 2024

Adobe MAX
Kreativitetskonferansen

14.–16. oktober, Miami Beach og på nettet

Adobe MAX

Kreativitetskonferansen

14.–16. oktober, Miami Beach og på nettet

Adobe MAX 2024

Adobe MAX
Kreativitetskonferansen

14.–16. oktober, Miami Beach og på nettet

Adobe MAX

Kreativitetskonferansen

14.–16. oktober, Miami Beach og på nettet