Så använder du egna typsnitt i Upsales, så att dina kampanjer följer företagets varumärkesprofil.
Det här är ingen inbyggd funktion, så det kräver lite kodkunskap. Vill du ha ett alternativ utan kod som Upsales stöder kan du använda Google Fonts.
Så ser det ut: exempelsida
Så gör du
Lägg dina typsnitt på en offentligt tillgänglig URL och importera dem sedan till din landningssida med fältet Egna script i landningssidans Inställningar.
- Välj din typsnittsfil
- Skapa stöd för alla webbläsare för filen med @fontface (här är en kostnadsfri fontface-generator)
- Hämta dina typsnittsfiler (.woff/.woff2) från fontface-generatorn
- Ladda upp typsnitten till din filserver och se till att URL:erna är offentligt tillgängliga
- Kopiera de offentliga URL:erna till dina typsnittsfiler
-
Byt ut platshållarna och typsnittsnamnen i kodexemplet nedan mot dina egna:
(Byt ut mot ditt typsnittsnamn och dina URL:er och klistra in i fältet Egna script)
<style>
@font-face {
font-family: 'your-font-name';
src: url('https://the-url-to-your-font-file.woff2') format('woff2'),
url('https://the-url-to-your-font-file.woff') format('woff');
font-weight: normal;
font-style: normal; }
body {
font-family: Arial, Helvetica, sans-serif;
}
h1, h2 {
font-family: 'your-font-name' !important;
}
</style> - Klicka på kugghjulsikonen i redigeraren för landningssidor för att öppna Inställningar:
- Klistra in koden i fältet Egna script:
- Klicka på Klar
- Spara sidan och klicka på Förhandsgranska. Med exemplet ovan använder rubrikerna H1 och H2 nu ditt typsnitt. Du kan använda typsnittet på vilken text du vill