Gå til innhold
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: 26 mai 2025

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

Alle produkter og planer

Skrifttypene som er tilgjengelige for innhold i HubSpot, avhenger av innholdstypen og skrifttypen. Enkelte standardskrifter er tilgjengelige i alle innholdsredigeringsprogrammer, mens nettskrifter (for eksempel Google Fonts) og egendefinerte skrifter har ytterligere begrensninger, som beskrevet nedenfor: 

Innholdstype Skrifttype  
  Standard skrifttyper Nettskrifter

Tilpassede skrifter

  
Side - temamaler ✓ Tilgjengelig i temainnstillinger og via stilark ✓  
Side - kodet mal ✓ Tilgjengelig via stilark eller tilpasset modul Tilgjengelig via stilark  
Blogg ✓ Tilgjengelig via stilark eller tilpasset modul ✓  
Epost Noen standardskrifter er ikke tilgjengelige i dra-og-slipp-epostredigereren Tilgjengelig bare for egendefinerte kodede e-postmaler; støttes ikke i de fleste e-postklienter Tilgjengelig bare for egendefinerte kodede e-postmaler; støttes ikke i de fleste e-postklienter  
Kunnskapsbase Skrifter kan ikke tilpasses i artikkelredigereren Tilgjengelig i temainnstillinger  Tilgjengelig i temainnstillinger  
Tilpasset modul ✓ Tilgjengelig for egendefinerte moduler som ikke brukes i e-poster Tilgjengelig for egendefinerte moduler som ikke brukes i e-post  
CTA (eldre) ✓ ✓ ✓  
CTA ✓ ✓ ✓  

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

Bruk standardskrifter i moduler med rik tekst

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

  1. Gå til innholdet ditt:

    • Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
    • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
    • Blogg: Gå til Innhold > Blog i HubSpot-kontoen din.
    • E-post: Gå til Markedsføring > E-post i HubSpot-kontoen din.
  2. Klikk på navnet på innholdet ditt. 
  3. Klikk på en rik tekstmodul i innholdsredigeringsprogrammet, og merk deretter teksten du vil redigere. 
  4. Klikk på rullegardinmenyen Skrift på verktøylinjen for rik tekst, og velg en skrift. Følgende skrifter er tilgjengelige i rik tekstmoduler: 

    • Andale Mono*

    • Arial

    • Book Antiqua*

    • Bud ny

    • Georgia

    • Helvetica

    • Påvirkning*

    • Lato**
    • Merriweather**
    • Monaco*

    • Symbol*

    • Tahoma

    • Terminal*

    • Times New Roman

    • Trebuchet MS

    • Verdana

*Ikke tilgjengelig i dra-og-slipp-epostredigereren. 

**Bare tilgjengelig som en nettskrifttype i dra-og-slipp-epostredigereren.

Bruk nettskrifter

Nettskrifter er som standard tilgjengelige i innholdsredigeringsprogrammet.

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

Merk: Nettskrifter kan ikke velges i rullegardinmenyen for skrifttyper i redigeringsprogrammet for rik tekst. 

Du kan også bruke tredjepartstjenester som Google Fonts ved å kopiere skrifttypens importkode, lime den inn i innholdets stilark og deretter bruke skrifttypen via CSS:

  1. Gå til fonts.google.com.
  2. Skriv inn et skrifttypenavn i søkefeltet. 
  3. Klikk på skriftnavnet for å vise 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. Velg @import i delen Bruk på nettet i panelet til høyre. 
  6. Kopier skriftens kode: 
    • Kopier @ import-koden uten <style> -koden i delen Bruk på nettet .
    • Kopier koden for å angi CSS-regler i feltet CSS-regler for å angi familier  . 

copy-google-font

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

Bruk en Google-skrift i et stilark

  1. Kopier fontens @ import-kodefra Google Fonts.
  2. Gå til Innhold > Design Manager i HubSpot-kontoen din.
  3. Åpne stilarket som brukes til innholdet i søkeren.
  4. Lim inn @ import-koden på linje 1 i stilarket. 
  5. Legg til koden for å angi CSS-regler til de riktige velgerne i stilarket.
  6. Klikk på Publiser endringer øverst til høyre for å aktivere endringene. 
add-google-fonts-imported-font-to-stylesheet

Bruk en Google-skrift i en egendefinert, kodet e-postmal

Selv om Google Fonts støttes av Apple Mail og noen få andre e-postklienter, er den brede støtten begrenset, og de mest populære e-postklientene støtter bare standard webskrifter. Finn ut mer om hvordan du velger standardskrifter som brukes i det klassiske e-postredigeringsprogrammet. 
 
Egendefinerte kodede e-postmaler er bare tilgjengelige i kontoer med et Marketing Hub Professional- eller Enterprise-abonnement. 
 
Slik legger du til en Google-skrift i en egendefinert, kodet e-postmal: 
  1. Kopier fontens @ import-kodefra Google Fonts.
  2. Gå til Innhold > Design Manager i HubSpot-kontoen din.
  3. Åpne den egendefinerte kodede e-postmalen i søkeren.
  4. Lim inn @ import-koden mellom <head>.... </style> -kodene i <style>....</style> -delen av malen. 
  5. I koden for e-postteksten legger du til den egendefinerte skrifttypen i innebygd styling. 
  6. Klikk på Publiser endringer øverst til høyre for å aktivere endringene. 

Bruk en Google-skrift i en CTA (eldre)

  1. Kopier Googles kode for å angi CSS-regler for denne 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 skriften i tekstboksen. 
  6. Klikk på Neste nederst til høyre. Klikk deretter på Lagre.

Bruk en Google-skrift i et skjema

  1. I HubSpot-kontoen din navigerer du til Markedsføring > Skjemaer.
  2. Hold musepekeren over skjemanavnet og klikk på Handlinger > Rediger skjema eller Opprett et nytt skjema.
  3. Klikk på fanen Stil og forhåndsvisning i skjemaredigereren. 
  4. Klikk på Stil-delen i menyen til venstre  i sidepanelet.
  5. Klikk på rullegardinmenyen  Skriftfamilie i Tekst-delen, og velg en Google-skrift. 
  6. Klikk på Oppdater eller Publiser øverst til høyre for å aktivere endringene. 

Bruk en Google-skrift i en egendefinert modul

Merk: Google Fonts er ikke tilgjengelig for egendefinerte moduler som brukes i e-postmaler.


  1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
  2. Åpne den egendefinerte modulen i søkeren til venstre. Finn ut mer om hvordan du oppretter en egendefinert modul.
  3. Klikk på rullegardinmenyen Legg til felt i feltdelen i  inspektøren til høyre , og velg Skrift. Finn ut mer om hvordan du arbeider med skriftfelt.

    click-add-field
  4. Klikk på Publiser endringer øverst til høyre for å aktivere endringene. 

  5. Gå til innholdet ditt:

    • Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
    • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
    • Blogg: Gå til Innhold > Blog i HubSpot-kontoen din.
  6. Klikk på navnet på innholdet ved hjelp av den egendefinerte modulen. 
  7. Klikk på den egendefinerte modulen i innholdsredigeringsprogrammet. 
  8. Klikk på rullegardinmenyen Skriftfelt i redigeringsprogrammet for sidepanelet, og velg en Google-skrift. 

Bruk egendefinerte skrifter

Som et alternativ til å bruke standard nettskrifter eller et skrifttypebibliotek som Google Fonts, kan du laste opp skrifttypefiler og deretter bruke dem i temaer eller referere til dem i stilark. 

Bruk egendefinerte skrifter i temaer

I temaredigeringsprogrammet kan du laste opp en egendefinert skrift og deretter bruke den skriften i sider og innlegg. Skriftfiler støttes i følgende formater: TTF, OTF, WOFF.

Last opp egendefinerte skrifter for sider eller innlegg

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

  1. Gå til innholdet ditt:

    • Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
    • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
    • Blogg: Gå til Innhold > Blog i HubSpot-kontoen din.
  2. Klikk på navnet på innholdet ditt. 
  3. Klikk på Rediger-menyen i innholdsredigeringsprogrammet, og velg  Tema: [Navn på tema].
  4. I menyen til venstre i sidepanelet klikker du på en rullegardinmeny for  skrifttyper og velger Administrer merkeskrifter.
  5. Følg fremgangsmåten i denne Knowledge Base-artikkelen for å legge til eller redigere skrifttypene dine.

Last opp egendefinerte skrifter for artikler i kunnskapsbasen

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

  1. Gå til Service > Kunnskapsbase i HubSpot-kontoen din.
  2. Klikk på Tilpass malen øverst til høyre.
  3. Klikk på fanen Utforming i venstre sidepanel.
  4. Klikk på Skriftstiler i venstre sidepanel.
  5. Klikk på en hvilken som helst rullegardinmeny for skrifttyper, og velg Administrer merke
  6. Følg fremgangsmåten i denne Knowledge Base-artikkelen for å legge til eller redigere skrifttypene dine.

Rediger egendefinerte skrifter

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

Bruk egendefinerte skrifter i stilark

Som et alternativ til å bruke standard nettskrifter eller et skrifttypebibliotek som Google Fonts, kan du være vert for skrifttypefiler i filverktøyet og deretter referere til dem i stilarket. 

Merk: Egendefinerte skrifter er bare tilgjengelige i kontoer med tilgang til designadministratoren og må brukes med CSS. Hvis du legger til en egendefinert skrift, legges ikke skriften til i rullegardinmenyene for styling i innholdsredigeringsprogrammet. 

Hvis du vil bruke en skrift i innhold, laster du opp skriftfilene til filverktøyet. Det anbefales å laste opp minst .woff-, .ttf- og .eot-versjoner av skrifttypen for å sikre at skrifttypen lastes inn i alle nettlesere. Du kan bruke ekspertmodus på Font Squirrels konverteringsverktøy til å generere flere filformater.

  1. Gå til Innhold > Filer i HubSpot-kontoen din.
  2. Klikk på Last opp filer. 
  3. Velg skriftfilene på datamaskinens harddisk, og klikk deretter på Åpne. 
  4. Klikk på navnet på en opplastet skriftfil. 
  5. Klikk på Kopier nettadresse i panelet til høyre for å kopiere nettadressen der filen er lagret. Du trenger nettadressen til skrifttypen i hvert filformat. 

Bruk en egendefinert skrift i et stilark

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

  1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
  2. Åpne stilarket som brukes til innholdet i søkeren.
  3. For hver skriftstil: 
    • 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 skrifttypenavnet med navnet  på skrifttypen.
      • Erstatt din_font_file.xxx? med nettadressen fra filverktøyet. Gjenta for hvert filformat.
  1. Opprett CSS-regler med font-family-egenskapen for å bruke den egendefinerte skrifttypen. 
  2. Klikk på Oppdater eller Publiser øverst til høyre for å aktivere endringene. 

sample-custom-font-in-stylesheet

Bruk en egendefinert skrift i en egendefinert kodet e-postmal

Tilpassede skrifter støttes ikke i de fleste populære e-postklienter. For å sikre en konsekvent opplevelse for leserne, anbefales det å bruke standard nettskrifter i e-poster. Hvis du imidlertid vil legge til en egendefinert skrift i en egendefinert, kodet e-postmal, kan du gjøre det når du har lagt til den egendefinerte skriften i filverktøyet.

  1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
  2. Åpne den egendefinerte kodede e-postmalen i søkeren.
  3. For hver skriftstil:
    • I <head> -delen av malen limer du inn denne koden mellom <style>....</style> -kodene: 
@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 skrifttypenavnet med navnet  på skrifttypen.
    • Erstatt din_font_file.xxx? med nettadressen fra filverktøyet. Gjenta for hvert filformat. 
  1. I koden for e-postteksten legger du til den egendefinerte skrifttypen i innebygd styling. 
  2. Klikk på Oppdater eller Publiser øverst til høyre for å aktivere endringene. 

Bruk en egendefinert skrift i en CTA

Når du har lagt til en egendefinert skrift i temaet, kan du bruke den med CTA-er:

      1. Gå til Markedsføring > CTA-er i HubSpot-kontoen din.
      2. Klikk på rullegardinmenyen øverst til venstre, og velg CTA-er
      3. Hold musepekeren over en CTA, og klikk deretter på Handlinger > Rediger. 
      4. Klikk på fanen Utforming i det venstre panelet i CTA-redigeringsprogrammet. 
      5. Klikk på Stiler-delen for å utvide.
      6. Klikk på rullegardinmenyen Primær skrift, og velg den egendefinerte skrifttypen. 
      7. Fortsett å opprette CTA-en din. 

 

Bruk en egendefinert skrift i en CTA (eldre)

Når du har lastet opp en egendefinert skjemafil, kan du bruke den med eldre CTA-er på samme måte som med CTA-er:

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

        font-family: 'Your Font Name';
      5. Erstatt skrifttypenavnet med navnet på skrifttypen.
      6. Klikk på Neste nederst til høyre. Klikk deretter på Lagre. 

set-custom-font-for-cta

Bruk en egendefinert skrift i en egendefinert modul

Når du har lagt til en egendefinert skrift i filverktøyet, kan du bruke den i egendefinerte blogg- eller sidemoduler. Finn ut hvordan du legger til en egendefinert skrift i en egendefinert kodet e-postmal. 

  1. Gå til Innhold > Design Manager i HubSpot-kontoen din.
  2. Åpne den egendefinerte modulen i søkeren.
  3. Lim inn følgende kode i module.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 skrifttypenavnet med navnet  på skrifttypen.
  2. Erstatt din_font_file.xxx? med nettadressen fra filverktøyet. Gjenta for hvert filformat.
  3. Opprett CSS-regler med font-family-egenskapen for å bruke den egendefinerte skrifttypen. 
  4. Klikk på Publiser endringer øverst til høyre for å aktivere endringene. 

custom-module-custom-font
Var denne artikkelen nyttig?
Dette skjemaet brukes kun for tilbakemeldinger om dokumentasjon. Se hvordan du kan få hjelp med HubSpot.
Innholdsfortegnelse

Relatert innhold