Hur du använder egna typsnitt i funnels och websites

Budskapet du skickar till dina leads handlar om mer än den semantiska betydelsen av orden; det beror också på läsbarheten och känslan i din typografi. Om du redan har ett typsnitt som matchar ditt företag kan du lägga till det i systemet och använda det på dina funnels eller websites! Låt oss gå igenom hur.

Lägga till ett eget typsnitt

Du kan lägga till egna typsnitt genom att ladda upp dem till Media Storage.

För att lägga till dem direkt i Funnel- eller Website-byggaren, lägg till ett textelement på din sida (t.ex. paragraph eller heading).

Om du redan har lagt till ett textelement, klicka på elementet för att öppna dess inställningar.

I den högra panelen går du till avsnittet ”Typography”, öppnar rullgardinsmenyn för typsnitt och väljer ”Custom Font.”

Klicka på rutan Font family för att öppna typsnittsalternativen och klicka sedan på ”Upload Fonts” för att välja det från mediabiblioteket eller ladda upp det direkt från skrivbordet.

Du kan välja ett typsnitt från ditt mediabibliotek (1) eller ladda upp det direkt från din enhet (2).

Använda ett eget typsnitt

Om du tidigare har lagt till ett eget typsnitt kan du välja det genom att följa stegen ovan, öppna rullgardinsmenyn och välja Custom Fonts. Då filtreras resultaten till dina tidigare uppladdade typsnitt. Klicka på det du vill använda.

Du kan anpassa texten ytterligare med alternativen till höger.

Font Size

För att ändra teckenstorleken för mobil och skrivbord justerar du storleksfältet till höger. Växla mellan mobil- och skrivbordsvy uppe till vänster i din funnel builder för att se hur dina ändringar ser ut i varje format.

Font Weight

Justera typsnittsvikt för att få rätt utseende. Du kan välja bland thin, regular, bold eller till och med extra-bold för att matcha din designstil.

📌Obs: Tillgängliga font weights kan variera beroende på typsnittsfamilj.

Opacity

Du kan enkelt styra transparensen i ditt innehåll genom att ändra opacitetinställningarna. Du kan välja olika grader av fade, från None (helt ogenomskinlig) till Light, Half och Heavy Fade (ökande transparens). På så sätt skapar du önskad visuell effekt och höjer innehållets attraktionskraft.

Line Height

Med Line Height kan du enkelt ändra höjden på en Element-ruta. Justera genom att dra storleksfältet åt vänster eller höger för att minska respektive öka höjden.

Text Transform

Med Text Transform kan du ändra textens utseende genom att konvertera den till versaler, gemener eller kapitalisera första bokstaven i varje ord. Det hjälper dig att uppnå önskad visuell stil och presentation så att innehållet följer dina designriktlinjer.

Letter Spacing

Med letter spacing kan du anpassa avståndet mellan enskilda tecken i texten. Klicka bara på den här funktionen för att justera och uppnå önskat utseende och läsbarhet.

Color Options

• Background Color: För att ändra bakgrundsfärgen på din text klickar du på innehållet du vill justera och väljer önskad färg. 
• Color: Här justerar du den vanliga textfärgen
• Link Text Color: Om du har en länk i det här elementet kan du bara redigera länkfärgen här. För att lägga till en länk i texten markerar du texten och klickar sedan på kedjeikonen.
• Icon Color: Om en ikon är tillagd i det här elementet kan du redigera ikonfärgen här. Endast ikonfärgen ändras oavsett var den är placerad.
  

Om du inte hittar din föredragna färg kan du lägga till egna färger genom att ange färgkoden i det avsedda fältet och klicka på knappen add color.

📌Obs: Beroende på typsnittsfamilj kanske du inte kan tillämpa en ändring av Text- eller Link Text-färg.

Den här funktionen hjälper dig att bygga professionella sidor utan workarounds eller CSS-hack. Den ökar innehållets konsekvens över befintliga och nya sidor och hjälper dig att skapa tilltalande innehåll fullt av kreativitet.