Spring til indhold
HubSpot Vidensbase
Bemærk:Oversættelsen af denne artikel er kun til rådighed for nemheds skyld. Oversættelsen oprettes automatisk via en oversættelsessoftware og er muligvis ikke blevet korrekturlæst. Den engelske version af denne artikel bør således anses for at være den gældende version, der indeholder de seneste oplysninger. Du kan få adgang til den her.

Brug skrifttyper i HubSpot

Sidst opdateret: 25 februar 2026

Gælder for:

De skrifttyper, der er tilgængelige for indhold i HubSpot, afhænger af indholdstypen og skrifttypetypen. Visse standardskrifttyper er tilgængelige i alle indholdsredigeringsprogrammer, mens webfonts (f.eks. Google Fonts) og brugerdefinerede skrifttyper har yderligere begrænsninger, som er beskrevet nedenfor: 

Indholdstype Skrifttype  
  Standardskrifttyper Webskrifttyper

Brugerdefinerede skrifttyper

  
Side - temaskabeloner ✓ Tilgængelig i temaindstillinger og via stylesheet ✓  
Side - kodet skabelon ✓ Tilgængelig via stylesheet eller brugerdefineret modul Tilgængelig via stylesheet  
Blog ✓ Tilgængelig via stylesheet eller brugerdefineret modul ✓  
E-mail Nogle standardskrifttyper er ikke tilgængelige i drag-and-drop-e-mail-editoren Kun tilgængelig for brugerdefinerede kodede e-mailskabeloner; understøttes ikke i de fleste e-mailklienter Kun tilgængelig for brugerdefinerede kodede e-mailskabeloner; understøttes ikke i de fleste e-mailklienter  
Videnbase Skrifttyper kan ikke tilpasses i artikeleditoren Tilgængelig i temaindstillinger  Tilgængelig i temaindstillinger  
Brugerdefineret modul ✓ Tilgængelig for brugerdefinerede moduler, der ikke bruges i e-mails Tilgængelig for brugerdefinerede moduler, der ikke bruges i e-mails  
CTA (ældre version) ✓ ✓ ✓  
CTA ✓ ✓ ✓  

Bemærk: Ikke alle indholdstyper er tilgængelige i alle konti. De indholdstyper, der er tilgængelige for abonnementerne i din HubSpot-konto, kan findes i produkt- og servicekataloget. 

Brug standardskrifttyper i rich text-moduler

Standardskrifttyper kan bruges i alle typer indhold og er designet til at kunne indlæses på de fleste platforme og enheder. 

  1. Naviger til dit indhold:

  2. Klik på navnet på dit indhold. 
  3. I indholdsredigeringsprogrammet skal du klikke på etrich text-modul og derefter markere den tekst, du vil redigere. 
  4. Klik pårullemenuen Skrifttypei værktøjslinjen til rich text, og vælg en skrifttype. Følgende skrifttyper er tilgængelige i rich text-moduler: 
    • Brandskrifttyper

    • Andale Mono*

    • Arial

    • Book Antiqua*

    • Courier New

    • Georgia

    • Helvetica

    • Impact*

    • Lato**
    • Merriweather**
    • Monaco*

    • Symbol*

    • Tahoma

    • Terminal*

    • Times New Roman

    • Trebuchet MS

    • Verdana

*Ikke tilgængelig i drag-and-drop-e-mail-editoren. 

**Kun tilgængelig som webfont i drag-and-drop-e-mail-editoren.

Brug webfonte

Webskrifttyper er tilgængelige som standard i indholdseditoren.

Hvis du er udvikler, kan du også bruge skrifttypefeltet til at tilføje webfonts til temaer og brugerdefinerede moduler. Når de bruges på denne måde, indlæses webfonts ikke fra en tredjepartstjeneste. HubSpot indlæser dem i stedet direkte på indholdets domæne.

Bemærk: Webskrifttyper kan ikke vælges i skrifttypens rullemenu i rich text-editoren. 

Du kan også bruge tredjepartstjenester såsom Google Fonts ved at kopiere skrifttypens importkode, indsætte den i indholdets stylesheet og derefter anvende skrifttypen via CSS:

  1. Gå til fonts.google.com.
  2. Indtast etfontnavn i søgefeltet. 
  3. Klik på fontnavnet for at se en liste over stilarter, der kan importeres.
  4. Klik på + Vælg denne stil ud for hver stil, du vil importere.
  5. I højre panel skal du vælge@import iafsnittet Brug på internettet. 
  6. Kopier skrifttypens kode: 
    • I afsnittet Brug på internettet skal du kopiere @import-koden uden <style>-taget.
    • Ifeltet CSS-regler til angivelse af familier skal du kopierekodentil indstilling af CSS-regler. 

Når du har koden fra Google Fonts, kan du tilføje skrifttypen til dit HubSpot-indhold: 

Brug en Google Font i et stylesheet

  1. Kopier skrifttypens @import-kode fra Google Fonts.
  2. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  3. Åbn det stylesheet, der bruges til dit indhold, i finderen.
  4. Indsæt @import-koden i linje 1 i stylesheetet. 
  5. Tilføj koden til indstilling af CSS-regler til de relevante selektorer i stylesheetet.
  6. Klik påPublicer ændringer øverst til højre for at aktivere dine ændringer. 

Brug en Google Font i en brugerdefineret kodet e-mailskabelon

Selvom Google Fonts understøttes af Apple Mail og nogle få andre e-mail-klienter, er den brede understøttelse begrænset, og de mest populære e-mail-klienter understøtter kun standardwebskrifttyper. Få mere at vide om valg af standardskrifttyper, der bruges i den klassiske e-mail-editor. 
 
Brugerdefinerede e-mailskabeloner er kun tilgængelige i konti med en Marketing Hub Professional - eller Enterprise-abonnement. 
 
Sådan tilføjer du en Google Font til en brugerdefineret kodet e-mailskabelon: 
  1. Kopier fontens @import-kode fra Google Fonts.
  2. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  3. Åbn den brugerdefinerede kodede e-mailskabelon i finderen.
  4. I skabelonens<head> -sektion skal du indsætte @import-koden mellem <style>....</style> -tags. 
  5. I koden for e-mailens brødtekst skal du tilføje den brugerdefinerede skrifttype i inline-styling. 
  6. Klik på Publicer ændringerøverst til højre for at aktivere dine ændringer. 

Brug en Google-skrifttype i en CTA (ældre version)

  1. Kopier Googles kode til indstilling af CSS-regler for den skrifttype.
  2. På din HubSpot-konto skal du navigere til Marketing > CTA'er.
  3. Hold markøren over en CTA, og klik derefter på Handlinger > Rediger. 
  4. Klik påAvancerede indstillinger i panelet til højre. 
  5. Indsæt Googles kode til indstilling af CSS-regler for den pågældende skrifttype i tekstfeltet. 
  6. Klik påNæste nederst til højre. Klik derefter på Gem.

Brug en Google-skrifttype i en formular

  1. På din HubSpot-konto skal du navigere til Marketing > Formularer.
  2. Hold markøren over formularens navn, og klik på Handlinger > Rediger formular eller Opret en ny formular.
  3. Klik på fanen Stil og forhåndsvisning i formularredigeringsprogrammet. 
  4. Klik påafsnittet Stili menuen i venstre sidepanel.
  5. Iafsnittet Tekstskal du klikke på rullemenuenSkrifttypefamilie og vælge enGoogle-skrifttype. 
  6. Klik påOpdater ellerUdgiv øverst til højre for at aktivere dine ændringer. 

Brug en Google-skrifttype i et brugerdefineret modul

Bemærk: Google-skrifttyper er ikke tilgængelige for brugerdefinerede moduler, der bruges i e-mailskabeloner.


  1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  2. Åbn det brugerdefinerede modul i finderen til venstre. Få mere at vide om oprettelse af et brugerdefineret modul.
  3. Klik pårullemenuenTilføj feltiafsnittetFelter i inspektoren til højre,og vælgSkrifttype. Få mere at vide om at arbejde med skrifttypefelter.

  4. Klik på Publicer ændringerøverst til højre for ataktivere dine ændringer. 

  5. Naviger til dit indhold:

  6. Klik på navnet på det indhold, der bruger det brugerdefinerede modul. 
  7. Klik på detbrugerdefinerede modul i indholdseditoren. 
  8. Klik pårullemenuen Fontfelti sidebjælkeeditoren, og vælg enGoogle-skrifttype. 

Brug brugerdefinerede skrifttyper

Som alternativ til at bruge standardwebskrifttyper eller et skrifttypebibliotek somGoogle Fonts kan du uploade skrifttypefiler og derefter bruge dem i temaer eller henvise til dem i stylesheets. 

Brug brugerdefinerede skrifttyper i temaer

I temaredigeringsprogrammet kan du uploade en brugerdefineret skrifttype og derefter bruge den skrifttype på sider og i indlæg. Skrifttypefiler understøttes i følgende formater: TTF, OTF, WOFF.

Upload brugerdefinerede skrifttyper til sider eller indlæg

Når du har uploadet brugerdefinerede skrifttyper, vil de være tilgængelige for sider, indlæg eller artikler i vidensdatabasen.

  1. Naviger til dit indhold:

  2. Klik på navnet på dit indhold. 
  3. Klik påmenuen Redigeri indholdseditoren, og vælgTema: [Navn på tema].
  4. Klik på en vilkårligrullemenu for skrifttyper i menuen i venstre sidepanel, og vælgAdministrer brandskrifttyper.
  5. Følg trinene i denne artikel i vidensdatabasen for at tilføje eller redigere dine skrifttyper.

Upload brugerdefinerede skrifttyper til artikler i vidensdatabasen

Når du har uploadet brugerdefinerede skrifttyper, vil de være tilgængelige for sider, indlæg eller videnbaseartikler.

  1. På din HubSpot-konto skal du navigere til Service > Vidensbase.
  2. Klik påTilpas skabelon øverst til højre.
  3. Klik på fanen Design i venstre sidepanel.
  4. Klik på Fontstilarter i venstre sidepanel.
  5. Klik på en vilkårlig skrifttype-dropdownmenu, og vælgAdministrer brandskrifttyper.
  6. Følg trinene i denne artikel i videnbasen for at tilføje eller redigere dine skrifttyper.

Rediger brugerdefinerede skrifttyper

Når du har uploadet en brugerdefineret skrifttype i temaeditoren, kan du uploade yderligere skrifttyper, tilpasse eksisterende skrifttyper med yderligere skrifttypestilarter eller slette skrifttyper. 

Brug brugerdefinerede skrifttyper i stilark

Som et alternativ til at bruge standardwebskrifttyper eller et skrifttypebibliotek somGoogle Fonts kan du hoste skrifttypefiler i filværktøjet og derefter henvise til dem i dit stylesheet. 

Bemærk: Brugerdefineredeskrifttyper er kun tilgængelige i konti med adgang til designadministratoren og skal anvendes med CSS. Tilføjelse af en brugerdefineret skrifttype tilføjerikke skrifttypen til dropdown-menuerne for styling i indholdseditoren. 

For at bruge en skrifttype i indholdet skal du uploade skrifttypens filer til filværktøjet. Det anbefales at uploade mindst .woff-, .ttf- og .eot-versioner af skrifttypen for at sikre, at din skrifttype indlæses i alle browsere. Du kan bruge ekspertfunktionen iFont Squirrels konverteringsværktøjtil at generere yderligere filformater.

  1. På din HubSpot-konto skal du gå til Indhold > Filer. Hvis du bruger HubSpots gratis værktøjer, skal du gå til Marketing > E-mail. Klik på E-mailværktøjer øverst til højre, og vælg Filer.
  2. Klik påUpload filer. 
  3. Vælgfontfilerne på din computers harddisk, og klik derefterpå Åbn. 
  4. Klik på navnet på en uploadet fontfil. 
  5. Klik påKopier URL i højre panel for at kopiere den URL, hvor filen er hostet. Du skal bruge URL'en til skrifttypen i hvert filformat. 

Brug en brugerdefineret skrifttype i et stylesheet

Når du har tilføjet en brugerdefineret skrifttype til filværktøjet, kan du henvise til den i et stylesheet. Hver skrifttypestil (kursiv, fed osv.) kræver en separat @font-face-regel. Få mere at vide om at arbejde med stylesheets i HubSpot. 

  1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  2. Åbn det stylesheet, der bruges til dit indhold, i Finder.
  3. For hver fontstil: 
    • Indsæt følgende kode øverst i stylesheetet: 
@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');}
      • Erstat dit fontnavn med navnet på fonttypen.
      • Erstatyour_font_file.xxx? medURL'en fra filværktøjet. Gentag for hvert filformat.
  1. Opret CSS-regler med egenskaben font-family for at anvende den brugerdefinerede skrifttype. 
  2. Klik på Opdater ellerUdgiv øverst til højre for at aktivere dine ændringer. 

Brug en brugerdefineret skrifttype i en brugerdefineret kodet e-mail-skabelon

Brugerdefinerede skrifttyper understøttes ikke i de mest populære e-mail-klienter. For at sikre en ensartet oplevelse for dine læsere anbefales det at bruge standardwebskrifttyper i e-mails. Hvis du imidlertid ønsker at tilføje en brugerdefineret skrifttype til en brugerdefineret kodet e-mail-skabelon, kan du gøre det, når du har tilføjet den brugerdefinerede skrifttype til filværktøjet.

  1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  2. Åbn den brugerdefinerede kodede e-mailskabelon i finderen.
  3. For hver fontstil:
    • Indsæt denne kode mellem <style>....</style>-tags i <head>-sektionen af skabelonen: 
@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');}
    • Erstat dit fontnavn med navnet på fonttypen.
    • Erstatyour_font_file.xxx? medURL'enfra filværktøjet. Gentag for hvert filformat. 
  1. I koden for e-mailens brødtekst skal du tilføje den brugerdefinerede skrifttype i inline-styling. 
  2. Klik på Opdater ellerUdgiv øverst til højre for at aktivere dine ændringer. 

Brug en brugerdefineret skrifttype i en CTA

Når du har tilføjet en brugerdefineret skrifttype til dit tema, kan du bruge den med CTA'er:

      1. På din HubSpot-konto skal du navigere til Marketing > CTA'er.
      2. Klik på rullemenuen øverst til venstre, og vælg CTA'er
      3. Hold markøren over en CTA, og klik derefter på Handlinger > Rediger. 
      4. Klik på fanen Design i venstre panel i CTA-editoren. 
      5. Klik på afsnittet Styles for at udvide det.
      6. Klik på rullemenuen Primær skrifttype , og vælg din brugerdefinerede skrifttype. 
      7. Fortsæt med at oprette din CTA. 

 

Brug en brugerdefineret skrifttype i en CTA (ældre version)

Ligesom med CTA'er kan du, efter at have uploadet en brugerdefineret formularfil, bruge den med ældre CTA'er:

      1. På din HubSpot-konto skal du navigere til Marketing > CTA'er.
      2. Hold markøren over en CTA, og klik derefter på Handlinger > Rediger. 
      3. Klik påAvancerede indstillinger i panelet til højre. 
      4. Indsæt denne kode i tekstfeltet:

        font-family: 'Dit fontnavn';
      5. Erstat dit fontnavnmednavnet på fonttypen.
      6. Klik påNæste nederst til højre. Klik derefter på Gem. 

Brug en brugerdefineret skrifttype i et brugerdefineret modul

Når du har tilføjet en brugerdefineret skrifttype til filværktøjet, kan du bruge den i brugerdefinerede blog- eller sidemoduler. Lær, hvordan du tilføjer en brugerdefineret skrifttype til en brugerdefineret kodet e-mail-skabelon. 

  1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  2. Åbn det brugerdefinerede modul ifinderen.
  3. Indsæt følgende kode i afsnittet module.css: 
@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. Erstat Your Font Name med navnet på skrifttypen.
  2. Erstatyour_font_file.xxx? medURL'enfra filværktøjet. Gentag for hvert filformat.
  3. Opret CSS-regler med egenskaben font-family for at anvende den brugerdefinerede font. 
  4. Klik på Publicer ændringerøverst til højre for at aktivere dine ændringer. 
Var denne artikel nyttig?
Denne formular bruges kun til dokumentationsfeedback. Læs, hvordan du kan få hjælp hos HubSpot.

Relateret indhold

Indholdsfortegnelse /da/website-and-landing-pages/use-fonts-in-hubspot Menu

Relateret indhold

New call-to-action