Gå til innhold
HubSpot Kunnskapsdatabase
Merk:: Denne artikkelen er oversatt av praktiske årsaker. Oversettelsen opprettes automatisk ved hjelp av oversettingsprogramvare, og det er ikke sikkert at den er korrekturlest. Den engelske versjonen av denne artikkelen skal regnes som den regjerende versjonen med den nyeste informasjonen. Du finner den her.

Bruk skrifter i HubSpot

Sist oppdatert: 25 februar 2026

Tilgjengelig med et av følgende abonnementer, unntatt der det er angitt:

Hvilke skrifttyper som er tilgjengelige for innhold i HubSpot, avhenger av innholdstypen og skrifttypetypen. Enkelte standardskrifttyper er tilgjengelige i alle innholdsredigerere, mens nettskrifttyper (for eksempel Google Fonts) og tilpassede skrifttyper har ytterligere begrensninger, som beskrevet nedenfor: 

Innholdstype Skrifttype  
  Standardfonter Webfonter

Egendefinerte skrifttyper

  
Side - temamaler ✓ Tilgjengelig i temainnstillinger og via stilark ✓  
Side – kodet mal ✓ Tilgjengelig via stilark eller tilpasset modul Tilgjengelig via stilark  
Blog ✓ Tilgjengelig via stilark eller tilpasset modul ✓  
E-post Noen standardfonter er ikke tilgjengelige i dra-og-slipp-e-postredigereren Kun tilgjengelig for tilpassede kodede e-postmaler; støttes ikke i de fleste e-postklienter Kun tilgjengelig for tilpassede e-postmaler; støttes ikke i de fleste e-postklienter  
Kunnskapsbase Skrifttyper kan ikke tilpasses i artikkelredigeringsprogrammet Tilgjengelig i temainnstillinger  Tilgjengelig i temainnstillinger  
Tilpasset modul ✓ Tilgjengelig for tilpassede moduler som ikke brukes i e-poster Tilgjengelig for tilpassede moduler som ikke brukes i e-post  
CTA (eldre versjon) ✓ ✓ ✓  
CTA ✓ ✓ ✓  

Merk: ikke alle innholdstyper er tilgjengelige i alle kontoer. Innholdstypene som er tilgjengelige for abonnementene i HubSpot-kontoen din, finner du i produkt- og tjenestekatalogen. 

Bruk standardfonter i rik tekstmoduler

Standardfonter kan brukes i alle typer innhold og er designet for å lastes inn på de fleste plattformer og enheter. 

  1. Naviger til innholdet ditt:

  2. Klikk på navnet på innholdet ditt. 
  3. I innholdsredigereren klikker du på enrik tekstmodul og markerer deretter teksten du vil redigere. 
  4. I verktøylinjen for rik tekst klikker du pårullegardinmenyen Fontog velger en font. Følgende fonter er tilgjengelige i rik tekst-moduler: 
    • Merkevareskrifter

    • Andale Mono*

    • Arial

    • Book Antiqua*

    • Courier New

    • Georgia

    • Helvetica

    • Impact*

    • Lato**
    • Merriweather**
    • Monaco*

    • Symbol

    • Tahoma

    • Terminal*

    • Times New Roman

    • Trebuchet MS

    • Verdana

*Ikke tilgjengelig i dra-og-slipp-e-postredigereren. 

**Kun tilgjengelig som nettfont i dra-og-slipp-e-postredigereren.

Bruk nettfonter

Webfonter er tilgjengelige som standard i innholdsredigereren.

Hvis du er utvikler, kan du også bruke skriftfeltet til å legge til nettskrifter til temaer og tilpassede moduler. Når de brukes på denne måten, lastes ikke nettskrifter fra en tredjepartstjeneste. HubSpot laster dem i stedet direkte på innholdets domene.

Merk: Webfonter kan ikke velges i font-rullegardinmenyen i rich text-editoren. 

Du kan også bruke tredjepartstjenester som Google Fonts ved å kopiere fontens importkode, lime den inn i innholdets stilark og deretter bruke fonten gjennom CSS:

  1. Gå til fonts.google.com.
  2. Skriv innnavnet på enfont i søkefeltet. 
  3. Klikk på fontnavnet for å se en liste over stiler som er tilgjengelige for import.
  4. Ved siden av hver stil du vil importere, klikker du på + Velg denne stilen
  5. I høyre panel velger du@import idelen Bruk på nettet. 
  6. Kopier skrifttypens kode: 
    • I delen Bruk på nettet kopierer du @import-koden uten <style>-taggen.
    • Ifeltet CSS-regler for å spesifisere familier kopierer dukodenfor å angi CSS-regler. 

Når du har koden fra Google Fonts, kan du legge til skrifttypen i HubSpot-innholdet ditt: 

Bruk en Google Font i et stilark

  1. Kopier fontens @import-kode fra Google Fonts.
  2. Gå til Innhold > Design Manager i HubSpot-kontoen din.
  3. Åpne stilarket som brukes for innholdet ditt i søkemotoren.
  4. Lim inn @import-koden i linje 1 i stilarket. 
  5. Legg til koden for å angi CSS-regler til de aktuelle selektorene i stilarket.
  6. Øverst til høyre klikker du påPubliser endringer for å aktivere endringene. 

Bruk en Google Font i en tilpasset kodet e-postmal

Selv om Google Fonts støttes av Apple Mail og noen få andre e-postklienter, er den generelle støtten begrenset, og de fleste populære e-postklienter støtter bare standard webskrifter. Lær mer om hvordan du velger standardskrifter som brukes i den klassiske e-postredigereren. 
 
Egendefinerte e-postmaler er bare tilgjengelige i kontoer med Marketing Hub Professional - eller Enterprise-abonnement. 
 
Slik legger du til en Google Font i en tilpasset kodet e-postmal: 
  1. Kopier fontens @import-kode fra Google Fonts.
  2. Gå til Innhold > Design Manager i HubSpot-kontoen din.
  3. Åpne den tilpassede kodede e-postmalen i Finder.
  4. I<head> -delen av malen limer du inn @import-koden mellom <style>....</style> -taggene. 
  5. I koden til e-postteksten legger du til den tilpassede skrifttypen i innebygd styling. 
  6. Øverst til høyre klikker du på Publiser endringerfor å aktivere endringene. 

Bruk en Google-font i en CTA (eldre versjon)

  1. Kopier Googles kode for å angi CSS-regler for den skrifttypen.
  2. Gå til Markedsføring > CTA-er i HubSpot-kontoen din.
  3. Hold musepekeren over en CTA, og klikk deretter på Handlinger > Rediger. 
  4. Klikk påAvanserte alternativer i panelet til høyre. 
  5. Lim inn Googles kode for å angi CSS-regler for den skrifttypen i tekstboksen. 
  6. Klikk påNeste nederst til høyre. Klikk deretter på Lagre.

Bruk en Google-font i et skjema

  1. I HubSpot-kontoen din navigerer du til Markedsføring > Skjemaer.
  2. Hold musepekeren over skjemaets navn og klikk på Handlinger > Rediger skjema eller Opprett nytt skjema.
  3. I skjemaeditoren klikker du på fanen Stil og forhåndsvisning. 
  4. Klikk pådelen Stili menyen i venstre sidefelt.
  5. Idelen Tekstklikker du på rullegardinmenyenSkriftfamilie og velger enGoogle-skrift. 
  6. Øverst til høyre klikker du påOppdater ellerPubliser for å aktivere endringene. 

Bruk en Google-font i en tilpasset modul

Merk: Google-skrifttyper er ikke tilgjengelige for tilpassede moduler som brukes i e-postmaler.


  1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
  2. Åpne den tilpassede modulen i søkefeltet til venstre. Les mer om hvordan du oppretter en tilpasset modul.
  3. I inspektøren til høyre klikker du pårullegardinmenyenLegg til feltifeltseksjonen og velgerFont. Lær mer om hvordan du arbeider med fontfelt.

  4. Øverst til høyre klikker du på Publiser endringer for åaktivere endringene. 

  5. Naviger til innholdet ditt:

  6. Klikk på navnet på innholdet ved hjelp av den tilpassede modulen. 
  7. Klikk på dentilpassede modulen i innholdsredigereren. 
  8. I sidebar-redigeringsprogrammet klikker du pårullegardinmenyen Font field(Skriftfelt) og velger enGoogle-skrift. 

Bruk tilpassede skrifttyper

Som et alternativ til å bruke standard webskrifter eller et skriftbibliotek somGoogle Fonts, kan du laste opp skriftfiler og deretter bruke dem i temaer eller referere til dem i stilark. 

Bruk tilpassede skrifttyper i temaer

I temaredigereren kan du laste opp en tilpasset font og deretter bruke den i sider og innlegg. Fontfiler støttes i følgende formater: TTF, OTF, WOFF.

Last opp tilpassede skrifttyper for sider eller innlegg

Når du har lastet opp tilpassede skrifttyper, vil de være tilgjengelige for sider, innlegg eller kunnskapsbaseartikler.

  1. Naviger til innholdet ditt:

  2. Klikk på navnet på innholdet ditt. 
  3. I innholdsredigereren klikker du påRediger-menyenog velgerTema: [Navn på tema].
  4. I menyen i venstre sidefelt klikker du på en hvilken som helstrullegardinmeny for skrifttyper og velgerAdministrer merkevareskrifttyper.
  5. Følg trinnene i denne kunnskapsbaseartikkelen for å legge til eller redigere skrifttyper.

Last opp tilpassede skrifttyper for kunnskapsbaseartikler

Når du har lastet opp tilpassede skrifttyper, vil de være tilgjengelige for sider, innlegg eller kunnskapsbaseartikler.

  1. Gå til Service > Kunnskapsbase i HubSpot-kontoen din.
  2. Øverst til høyre klikker du påTilpass mal.
  3. Klikk på fanen Design i venstre sidefelt.
  4. Klikk på Fontstiler i venstre sidefelt.
  5. Klikk på en hvilken som helstskrift-rullegardinmeny og velgAdministrer merkevareskrifter.
  6. Følg trinnene i denne kunnskapsbaseartikkelen for å legge til eller redigere skrifttyper.

Rediger tilpassede skrifttyper

Når du har lastet opp en tilpasset skrift i temaredigereren, kan du laste opp flere skrifter, tilpasse eksisterende skrifter med flere skriftstiler eller slette skrifter. 

Bruk tilpassede skrifttyper i stilark

Som et alternativ til å bruke standard webskrifter eller et skriftbibliotek somGoogle Fonts, kan du lagre skriftfiler i filverktøyet og deretter referere til dem i stilarket. 

Merk: Tilpassedeskrifttyper er bare tilgjengelige i kontoer med tilgang til designbehandleren og må brukes med CSS. Hvis du legger til en tilpasset skrifttype, blirikke skrifttypen lagt til i rullegardinmenyene for styling i innholdsredigereren. 

For å bruke en font i innholdet, laster du opp fontfilene til filverktøyet. Det anbefales å laste opp minst .woff-, .ttf- og .eot-versjoner av fonten for å sikre at fonten lastes inn i alle nettlesere. Du kan bruke ekspertmodus iFont Squirrels konverteringsverktøyfor å generere flere filformater.

  1. I HubSpot-kontoen din, naviger til Innhold > Filer. Hvis du bruker HubSpots gratisverktøy, navigerer du til Markedsføring > E-post. Øverst til høyre klikker du på E-postverktøy og velger Filer.
  2. Klikk påLast opp filer. 
  3. Velgfontfilene på datamaskinens harddisk, og klikk deretter påÅpne. 
  4. Klikk på navnet på en opplastet fontfil. 
  5. I høyre panel klikker du påKopier URL for å kopiere URL-en der filen er lagret. Du trenger URL-en for skrifttypen i hvert filformat. 

Bruk en tilpasset font i et stilark

Når du har lagt til en tilpasset font i filverktøyet, kan du referere til den i et stilark. Hver fontstil (kursiv, fet osv.) krever en egen @font-face-regel. Lær mer om hvordan du arbeider med stilark i HubSpot. 

  1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
  2. Åpne stilarket som brukes for innholdet ditt i Finder.
  3. For hver fontstil: 
    • Lim inn følgende kode øverst i stilarket: 
@font-face { font-family: 'Your Font Name'; src: url('your_font_file.eot?') format('eot'), url('your_font_file.woff') format('woff'), url('your_font_file.ttf') format('truetype');}
      • Erstatt Your Font Name med navnet på skrifttypen.
      • Erstattyour_font_file.xxx? medURL-adressen fra filverktøyet. Gjenta for hvert filformat.
  1. Opprett CSS-regler med font-family -egenskapen for å bruke den tilpassede skrifttypen. 
  2. Øverst til høyre klikker du på Oppdater ellerPubliser for å aktivere endringene. 

Bruk en tilpasset font i en tilpasset kodet e-postmal

Egendefinerte skrifttyper støttes ikke i de fleste populære e-postklienter. For å sikre en konsistent opplevelse for leserne dine, anbefales det å bruke standard webskrifttyper i e-poster. Hvis du imidlertid ønsker å legge til en egendefinert skrifttype i en egendefinert kodet e-postmal, kan du gjøre dette når du har lagt til den egendefinerte skrifttypen i filverktøyet.

  1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
  2. Åpne den tilpassede kodede e-postmalen i Finder.
  3. For hver skriftstil:
    • I <head>-delen av malen limer du inn denne koden mellom <style>....</style>-taggene: 
@font-face { font-family: 'Your Font Name'; src: url('your_font_file.eot?') format('eot'), url('your_font_file.woff') format('woff'), url('your_font_file.ttf') format('truetype');}
    • Erstatt Your Font Name med navnet på skrifttypen.
    • Erstattyour_font_file.xxx? medURL-adressenfra filverktøyet. Gjenta for hvert filformat. 
  1. I koden til e-postteksten legger du til den tilpassede skrifttypen i innebygd styling. 
  2. Øverst til høyre klikker du på Oppdater ellerPubliser for å aktivere endringene. 

Bruk en tilpasset skrift i en CTA

Etter at du har lagt til en tilpasset skrift i temaet ditt, kan du bruke den med CTA-er:

      1. Gå til Markedsføring > CTA-er i HubSpot-kontoen din.
      2. Øverst til venstre klikker du på rullegardinmenyen og velger CTA-er
      3. Hold musepekeren over en CTA, og klikk deretter på Handlinger > Rediger. 
      4. Klikk på fanen Design i venstre panel i CTA-redigeringsverktøyet. 
      5. Klikk på Styles-delen for å utvide den.
      6. Klikk på rullegardinmenyen Primær skrift og velg din egendefinerte skrift. 
      7. Fortsett å opprette CTA-en. 

 

Bruk en tilpasset skrift i en CTA (eldre versjon)

I likhet med CTA-er kan du bruke den med eldre CTA-er etter at du har lastet opp en tilpasset skjemafil:

      1. Gå til Markedsføring > CTA-er i HubSpot-kontoen din.
      2. Hold musepekeren over en CTA, og klikk deretter på Handlinger > Rediger. 
      3. I høyre panel klikker du påAvanserte alternativer. 
      4. Lim inn denne koden i tekstboksen:

        font-family: 'Navnet på skrifttypen din';
      5. Erstatt «Font Name»mednavnet på skrifttypen.
      6. Klikk påNeste nederst til høyre. Klikk deretter på Lagre. 

Bruk en tilpasset skrift i en tilpasset modul

Når du har lagt til en tilpasset skrift i filverktøyet, kan du bruke den i tilpassede blogg- eller sidemoduler. Lær hvordan du legger til en tilpasset skrift i en tilpasset kodet e-postmal. 

  1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
  2. Åpne den tilpassede modulen isøkemotoren.
  3. Lim inn følgende kode i modul.css -delen: 
@font-face { font-family: 'Your Font Name'; src: url('your_font_file.eot?') format('eot'), url('your_font_file.woff') format('woff'), url('your_font_file.ttf') format('truetype');}
  1. Erstatt Your Font Name med navnet på skrifttypen.
  2. Erstattyour_font_file.xxx? medURL-enfra filverktøyet. Gjenta for hvert filformat.
  3. Opprett CSS-regler med font-family -egenskapen for å bruke den tilpassede fonten. 
  4. Klikk på Publiser endringerøverst til høyre for å publisere endringene. 
Var denne artikkelen nyttig?
Dette skjemaet brukes kun for tilbakemeldinger om dokumentasjon. Se hvordan du kan få hjelp med HubSpot.

Relatert innhold

Innholdsfortegnelse /no/website-and-landing-pages/use-fonts-in-hubspot

Relatert innhold

New call-to-action