1. Trippus Helpcenter
  2. Build your event
  3. Layout
Generally about layout Add an Image to an Event Page I added/updated a new image, but it's not showing on the website? Image Library Delete Image from Image Library Create Folder in Image Library Color Settings Standard Font Use a Different Font Add header image/logo View all

Use a Different Font

|
Permanently deleted user
Follow

Want to use your own font?

With a few tricks, you can make this happen!

  • You can insert a font from Google Fonts which can appear on the registration and/or event website. 
  • If you want to use a font not available in Google Fonts, it is possible for our Product Services team to custom build this in for you. Please reach out to your account manager or support for a pricing quote/timeline estimation. 

 
Tip! Keep in mind the accessibility when choosing a font - you want to use to ensure that everyone who signs up can read and absorb the information!

Enter a font from Google Fonts for Registration Pages

  1. Visit: https://fonts.google.com
  2. Find a font you like
  3. Click the box with the font
  4. Click +Select this style (to the right of the font)
  5. To the right opens a page with Selected family
  6. Click the Embed tab
  7. Select and copy the top code block (<link href = "...... rel =" stylesheet ">)
  8. Go to Trippus admin > Settings > Layout > Paste into "Own HTML <HEAD> block for the Registration window"
  9. Paste the following style tag directly below what you just pasted in paragraph 8: 
    <style> 
    body * { 

    } 
    </style>
  10. From the Google Fonts page - copy the bottom code block from the CSS rules to specify families box
  11. Paste this in Trippus admin between "gull wings" {} in the code you pasted in paragraph  9
  12. Add "! Important" immediately after the font-family line (before the last semicolon)
  13. Save
  14. Tip! Want to have the same font for Event Website Pages? 
    1. Copy the code you just entered in the "Custom HTML <HEAD> block for the registration window" and paste it in the field "Custom HTML <HEAD> block"

It should look something like this in the field "Custom HTML <HEAD> block for the registration window"

<link href = "https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap" rel = "stylesheet"> 
<style> 
body * { 
font-family: 'Dancing Script', cursive! important; 
} 
</style>

Enter a font from Google Fonts for Event Website Pages

  1. Visit: https://fonts.google.com
  2. Find a font you like
  3. Click the box with the font
  4. Click +Select this style (to the right of the font)
  5. To the right opens a page with Selected family
  6. Click the Embed tab
  7. Select and copy the top code block (<link href = "...... rel =" stylesheet ">)
  8. Go to Trippus admin > Settings > Layout > Paste into "Own HTML <HEAD> block"
  9. Paste the following style tag directly below what you just pasted in paragraph 8: 
    <style> 
    body * { 

    } 
    </style>
  10. From the Google Fonts page - copy the bottom code block from the CSS rules to specify families box
  11. Paste this in Trippus admin between "gull wings" {} in the code you pasted in paragraph  9
  12. Add "! Important" immediately after the font-family line (before the last semicolon)
  13. Save