Hvilke skrifter som er tilgjengelige for innhold i HubSpot, avhenger av innholdstypen og skrifttypen. Visse standardfonter er tilgjengelige i alle innholdsredigerere, mens nettfonter (for eksempel Google Fonts) og egendefinerte fonter har ytterligere begrensninger, som beskrevet nedenfor:
| Innholdstype | Skrifttype | ||
| Standard skrifttyper | Nettfonter | Tilpassede skrifter |
|
| Side - temamaler | ✓ | Tilgjengelig i temainnstillinger og via stilark | ✓ |
| Side - kodet mal | ✓ | Tilgjengelig via stilark eller egendefinert modul | Tilgjengelig via stilark |
| Blogg | ✓ | Tilgjengelig via stilark eller egendefinert modul | ✓ |
| E-post | Noen standardfonter er ikke tilgjengelige i dra-og-slipp-e-postredigeringsprogrammet | Kun tilgjengelig for egendefinerte e-postmaler; støttes ikke i de fleste e-postklienter | Kun tilgjengelig for egendefinerte e-postmaler; støttes ikke i de fleste e-postklienter |
| Kunnskapsbase | ✓ | Tilgjengelig i Design-fanen i malredigeringsprogrammet | Ikke tilgjengelig |
| Tilpasset modul | ✓ | Tilgjengelig for egendefinerte moduler som ikke brukes i e-post | 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, finner du i Produkt- og tjenestekatalogen.
Standardfonter kan brukes i alle typer innhold og er utformet for å kunne lastes inn på de fleste plattformer og enheter.
Naviger til innholdet ditt:
Andale Mono*
Arial
Book Antiqua*
Courier New
Georgia
Helvetica
Impact*
Symbol*
Tahoma
Terminal*
Times New Roman
Trebuchet MS
Verdana
*Ikke tilgjengelig i dra-og-slipp-e-postredigeringsprogrammet.
**Kun tilgjengelig som nettfont i dra-og-slipp-editoren for e-post.
Nettfonter er tilgjengelige som standard i innholdsredigeringsprogrammet for sider som bruker startmaler og temaer, samt artikler i kunnskapsbasen og egendefinerte moduler.
Hvis du er utvikler, kan du også bruke fontfeltet til å legge til nettfonter i temaer og egendefinerte moduler. Når du bruker webfonter på disse måtene, lastes de ikke inn fra en tredjepartstjeneste; HubSpot vil i stedet laste dem inn direkte på innholdets domene.
Merk: Nettfonter kan ikke velges i nedtrekksmenyen for fonter i redigeringsprogrammet for rik tekst.
Du kan også bruke tredjepartstjenester som Google Fonts ved å kopiere fontens importkode, lime den inn i innholdets stilark og deretter bruke fonten via CSS:
Når du har koden fra Google Fonts, kan du legge til skriften i HubSpot-innholdet ditt:
<style>....</style> -taggene i<head> -delen av malen.Merk: Google Fonts er ikke tilgjengelige for egendefinerte moduler som brukes i e-postmaler.
Naviger til innholdet ditt:
Som et alternativ til å bruke standard nettfonter eller et fontbibliotek som Google Fonts, kan du laste opp fontfiler og bruke dem i temaer eller referere til dem i stilark.
I temaredigeringsprogrammet kan du laste opp en egendefinert skrifttype og deretter bruke den på sider og i innlegg. Skriftfiler støttes i følgende formater: TTF, OTF, WOFF.
Naviger til innholdet ditt:
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.
Naviger til innholdet ditt:
Merk: Hvis du sletter en skrifttype, fjernes den fra alle rullegardinmenyene, men skriftfilene blir liggende i filverktøyet til de slettes der.
Som et alternativ til å bruke standard nettfonter eller et fontbibliotek som Google Fonts, kan du hoste fontfiler i filverktøyet og deretter referere til dem i stilarket ditt.
Merk: Egendefinerte skrifter er bare tilgjengelige i kontoer med tilgang til designadministratoren, og må brukes med CSS. Hvis du legger til en egendefinert skrifttype, vil ikke skriften legges til i nedtrekksmenyene i innholdsredigeringsprogrammet.
Hvis du vil bruke en skrifttype i innhold, laster du opp skrifttypens filer til filverktøyet. Det anbefales å laste opp minst .woff-, .ttf- og .eot-versjoner av skriften for å sikre at skriften lastes inn i alle nettlesere. Du kan bruke ekspertmodus på Font Squirrels konverteringsverktøy for å generere flere filformater.
Når du har lagt til en egendefinert skrifttype i filverktøyet, kan du referere til den i et stilark. Hver skriftstil (kursiv, fet osv.) krever en egen @font-face-regel. Lær mer om hvordan du jobber med stilark i HubSpot.
@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');}
Egendefinerte skrifttyper støttes ikke i de fleste populære e-postklienter. For å sikre en konsekvent opplevelse for leserne dine, anbefales det å bruke standard nettfonter i e-poster. Hvis du imidlertid ønsker å legge til en egendefinert skrifttype i en egendefinert kodet e-postmal, kan du gjøre det når du har lagt til den egendefinerte skrifttypen i filverktøyet.
@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');}Når du har lagt til en tilpasset skrifttype i temaet ditt, kan du bruke den med CTA-er:
På samme måte som med CTA-er kan du bruke en egendefinert skjemafil med eldre CTA-er etter at du har lastet den opp:
font-family: 'Your Font Name';
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 skrifttype i en egendefinert kodet e-postmal.
@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');}