Spring til indhold
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: 18 maj 2026

Gælder for:

Skrifttyper i HubSpot er tilgængelige på forskellige måder afhængigt af indholdstype og skrifttypetype. Nogle standardskrifttyper er tilgængelige i alle indholdseditorer. Webskrifttyper og brugerdefinerede skrifttyper skal muligvis tilføjes til temaindstillinger, stilark, brugerdefinerede moduler eller kodede skabeloner.

Før du går i gang

Før du begynder at bruge skrifttyper i HubSpot, bør du gennemgå kravene og overvejelserne.

Tilladelser kræves En bruger kan have brug for yderligere tilladelser afhængigt af, hvor skrifttypen bruges:

Forstå begrænsninger og overvejelser

  • Ikke alle indholdstyper er tilgængelige på alle konti. For at bekræfte, hvilke indholdstyper der er tilgængelige for dit abonnement, skal du gennemgå produkt- og servicekataloget.
  • Se tabellen nedenfor for at forstå, hvilke skrifttypemuligheder der er tilgængelige for hver indholdstype:
Indholdstype Skrifttyp  
  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 e-mail-editoren med træk og slip Kun tilgængelig for brugerdefinerede e-mailskabeloner; understøttes ikke i de fleste e-mailklienter Kun tilgængelig for brugerdefinerede e-mail-skabeloner; understøttes ikke i de fleste e-mail-klienter  
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 ✓ ✓ ✓  

Brug standardskrifttyper i rich text-moduler

Standardskrifttyper understøttes i alt HubSpot-indhold, men de tilgængelige muligheder og hvor du kan anvende dem, afhænger af indholdstypen.

  1. Gå til dit indhold:

  2. Klik på navnet på dit indhold.
  3. I indholdseditoren 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:

Brug webfonts

Webfonts understøttes i visse typer HubSpot-indhold, men de er ikke tilgængelige i rullemenuen Font i rich text-editoren. Afhængigt af indholdstypen kan webfonts anvendes i temaindstillinger, stylesheets, brugerdefinerede moduler eller kodede skabeloner. 

Udviklere kan bruge fontfeltet til at tilføje webfonts til temaer og brugerdefinerede moduler. Når webfonts tilføjes på denne måde, indlæser HubSpot dem direkte på indholdets domæne i stedet for at indlæse dem fra en tredjepartstjeneste.

Brug tredjepartstjenester såsom Google Fonts ved at kopiere fontens importkode, indsætte den i indholdets stylesheet og derefter anvende fontet via CSS:

  1. Gå til fonts.google.com.
  2. Indtast etskrifttypenavn i søgefeltet. 
  3. Klik på skrifttypens navn for at se en liste over stilarter, der kan importeres.
  4. Klik på Hent skrifttype øverst til højre.
  5. Klik på Hent indlejringskode øverst til højre.
  6. I højre kolonne skal du vælge @import på fanen Web.
  7. Kopier @import-koden uden <style> -tagget.
  8. KopierCSS-klassekoden til indstilling af CSS-regler. 

On the Google Fonts page, the Web tab is displayed for embedding a Google Font. A box is placed around the embed code and the Copy code button for the CSS class.

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

Brug en Google-skrifttype i et stilark

  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 Finder.
  4. Indsæt @import-koden i linje 1 i stilarket. 
  5. Tilføj koden til indstilling af CSS-regler til de relevante selektorer i stilarket.
  6. Klik på "Publish changes " øverst til højre for at offentliggøre dine ændringer. 
In the design manager, a CSS file is displayed. In the code editor, a Google Font import code is at the top of the file, followed by CSS rules to appropriate selectors in the stylesheet.

Brug en Google Font i en brugerdefineret kodet e-mailskabelon

Google Fonts understøttes i Apple Mail og nogle få andre e-mailklienter, men den generelle understøttelse er begrænset. De mest populære e-mailklienter understøtter kun standardwebskrifttyper. Få mere at vide om valg af standardskrifttyper, der bruges i den klassiske e-maileditor. 

Abonnement kræves Der kræves et Marketing Hub Professional- eller Enterprise-abonnement for at oprette brugerdefinerede e-mailskabeloner.


Sådan tilføjer du en Google-skrifttype til en brugerdefineret kodet e-mailskabelon: 

  1. Kopier skrifttypens @import-kode fra Google Fonts.
  2. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  3. Åbn den brugerdefinerede e-mailskabelon i Finder.
  4. Indsæt @import-koden mellem <head> -tags i afsnittet<style>....</style> i skabelonen. 
  5. I afsnittet <body> i skabelonen skal du tilføje den brugerdefinerede skrifttype i inline-styling. 
  6. Klik på " Publish changes" øverst til højre for at offentliggøre dine ændringer. 

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

  1. Kopier Googles kode til indstilling af CSS-regler for den pågældende 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 formularnavnet, og klik på Handlinger > Rediger formular eller Opret en ny formular.
  3. Klik på fanen Stil og forhåndsvisning i formredigeringsværktøjet. 
  4. Klik påafsnittet Stili menuen i venstre sidepanel.
  5. Iafsnittet Tekstskal du klikke på rullemenuenSkrifttype 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. Klik på navnet på et brugerdefineret modul i søgefeltet. Få mere at vide om oprettelse af et brugerdefineret modul.
  3. I inspektoren skal du klikke på rullemenuen Tilføj feltiafsnittet Felterog vælge Skrifttype. Få mere at vide om at arbejde med skrifttypfelter.
In the design manager, the inspector is displayed for a custom module. A box is placed around the Add field dropdown menu in the Fields section.
  1. Klik på " Udgiv ændringer" øverst til højre for atoffentliggøre dine ændringer. 
  2. Naviger til dit indhold:
  3. Klik på navnet på indholdet ved hjælp af det brugerdefinerede modul. 
  4. Klik på detbrugerdefinerede modul i indholdseditoren. 
  5. I sidebjælkeeditoren skal du klikke pårullemenuen i feltet Skrifttypeog vælge enGoogle-skrifttype. 

Brug brugerdefinerede skrifttyper

Som et 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 skal du uploade en brugerdefineret skrifttype og derefter bruge den 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. I indholdseditoren skal du klikke påmenuen Redigerog vælgeTema: [Navn på tema].
  4. Klik på en hvilken som helstrullemenu 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 videnbaseartikler

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å Skrifttypestilarter i venstre sidepanel.
  5. Klik på en vilkårlig skrifttype-dropdown-menu, og vælgAdministrer brandskrifttyper.
  6. Følg trinene i denne artikel i vidensdatabasen for at tilføje eller redigere dine skrifttyper.

Rediger brugerdefinerede skrifttyper

Når du har uploadet en brugerdefineret skrifttype i temaredigeringsværktøjet, kan du uploade yderligere skrifttyper, tilpasse eksisterende skrifttyper med yderligere skrifttypestilarter eller slette skrifttyper.

Brug brugerdefinerede skrifttyper i stylesheets

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 på konti med adgang til designmanageren 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ælgskrifttypefilerne på din computers harddisk, og klik derefter påÅbn.
  4. Klik på navnet på en uploadet fontfil.
  5. Klik påKopier URL i panelet til højre 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 stilark

Når du har tilføjet en brugerdefineret skrifttype til filværktøjet, kan du henvise til den i et stilark. Hver skrifttypestil (kursiv, fed osv.) kræver en separat @font-face-regel. Få mere at vide om at arbejde med stilark 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 skrifttypestil: 
    • 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 'Navnet på din skrifttype' med navnet på skrifttypen.
    • 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-mailskabelon

Brugerdefinerede skrifttyper understøttes ikke i de fleste populære e-mailklienter. For at sikre en ensartet oplevelse for dine læsere anbefales det at bruge standardwebskrifttyper i e-mails. Hvis du imidlertid gerne vil tilføje en brugerdefineret skrifttype til en brugerdefineret kodet e-mailskabelon, 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. Klik på navnet på din brugerdefinerede e-mailskabelon i søgefunktionen.
  3. For hver skrifttypestil:
    • I afsnittet <head> i skabelonen skal du indsætte denne kode mellem taggene <style>....</style>: 

@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 'Navnet på din skrifttype' med navnet på skrifttypen.
    • Erstatyour_font_file.xxx? medURL'enfra filværktøjet. Gentag for hvert filformat. 
  1. I koden til e-mailens brødtekst skal du tilføje den brugerdefinerede skrifttype i inline-formatering. 
  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 Stilarter 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 skal du, efter at du har uploadet en brugerdefineret skrifttypefil, 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: 'Your Font Name';
  5. Erstat Navnetpå din skrifttype mednavnet på skrifttypen.
  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 e-mailskabelon. 

  1. På din HubSpot-konto skal du navigere til Indhold > Design Manager.
  2. Klik på navnet på det brugerdefinerede modul i finder.
  3. I modulredigeringsværktøjet skal du indsætte følgende kode i afsnittetmodule.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');}

    • Erstat 'Navnet på din skrifttype' med navnet på skrifttypen.
    • Erstatyour_font_file.xxx? medURL'enfra filværktøjet. Gentag for hvert filformat.
  2. Opret CSS-regler med egenskaben font-family for at anvende den brugerdefinerede skrifttype. 
  3. Klik på " Publish changes" øverst til højre for at offentliggøre dine ændringer. 
Var denne artikel nyttig?
Denne formular bruges kun til dokumentationsfeedback. Læs, hvordan du kan få hjælp hos HubSpot.
Indholdsfortegnelse Menu

Relateret indhold

New call-to-action