Legge til skrifter på nettstedet ditt

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-logoen

Logg på kontoen din