1. Trippus Helpcenter
  2. Bygg ditt event
  3. Layout
Allmänt om layout Bildstorlekar Färginställningar Typsnitt Eget typsnitt Lägg in logotyp Lägg in headerbild Lägg in bild för footer Lägg in bakgrundsbild Lägg in bakgrundsfilm Visa alla

Eget typsnitt

|
Permanently deleted user
Följ

Eget typsnitt från Google fonts i registreringen och eventsidan

Med lite trix så kan du lägga in en font från Google fonts i registreringen och på eventsidor beroende på var du lägger in koden.
En helt egen font som är framtaget särskilt för ditt företag går att lägga in men inte på nedan beskrivet sätt. Det kräver ett utvecklingsjobb från Trippus så kontakta oss för tidsuppskattning och kostnad.
Tänk på att välja ett typsnitt som är tydligt så att du säkerställer att alla som ska anmäla sig kan läsa och ta till sig informationen.

Lägga in en font från Google fonts i registreringen:

  1. Gå in på: https://fonts.google.com
  2. Leta upp en font du gillar
  3. Klicka på rutan med fonten
  4. Klicka på + (Select this style)
  5. Till höger öppnar sig en sida med Selected family
  6. Markera @import och kopiera kodblocket:
    <style>

    @import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

    </style>
  7. Gå in i Trippus admin / Inställningar /Layout -> Klistra in i: "Eget HTML <HEAD>-block för Registreringsfönstret"
  8. Klistra in nedan: 
    <style>
    @import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
    </style>
  9. Från sidan Google fonts - kopiera kodblocket från rutan CSS rules to specify families
     
    font-family: 'Oswald', sans-serif;

  10. Klistra in detta i samma ruta som ovan innanför styletaggarna så det ser ut likt nedan och lägg till !important efter typsnittets namn: 
    <style>
    @import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

    html body * {
    font-family: 'Oswald', sans-serif !important;
    }
    </style>

    11. Scrolla längst ned -> Spara


Lägga in en font från Google fonts på eventsidan:
Om du vill lägga till samma typsnitt på eventsidan kopierar du exakt samma kod som ovan och klistrar in i -> Trippus admin / Inställningar /Layout -> "Eget HTML <HEAD>-block".