Confetti

You can use our custom CSS-function to add a Google font on your event site, by following these steps:

Go to <a href="https://fonts.google.com/" rel="nofollow noopener noreferrer" target="_blank">https://fonts.google.com/</a>

Choose the font that you want and copy the link under @import

Scroll to the bottom of the event site and click `Edit CSS`

Paste the link at the top of the CSS field and remove &lt;style&gt; and &lt;/style&gt; at the beginning and end of the code snippet.

:root { --font-family-base: 'Name of the font'; }

Fill in the name of your chosen font instead of the text Name of the font

1. Go to <a href="https://fonts.google.com/" rel="nofollow noopener noreferrer" target="_blank">https://fonts.google.com/</a>
2. Choose the font that you want and copy the link under @import
3. Go to Confetti and open your event
4. Click on `Pages`
5. Click on `Design` 
6. Scroll to the bottom of the event site and click `Edit CSS`
7. Paste the link at the top of the CSS field and remove &lt;style&gt; and &lt;/style&gt; at the beginning and end of the code snippet.
8. Then paste this code:
 :root { --font-family-base: 'Name of the font'; }
9. Fill in the name of your chosen font instead of the text Name of the font
10. Click on `Save`

Here is an example of how the CSS code looks if you have chosen the Google font called "Fuggles":

@import url('https://fonts.googleapis.com/css2?family=Fuggles&amp;display=swap'); :root { --font-family-base: 'Fuggles'; }

--font-family-heading (default samma som --font-family–base) --font-base-size --font-large-size --font-large-weight --font-large-family (default samma som --font-family-heading) --font-medium-size --font-medium-weight --font-medium-family (default samma som --font-family-heading)

If you have a <a href="https://confetti.events/en/pricing" rel="nofollow noopener noreferrer" target="_blank">Business</a> account and want to use your own font on your event site, contact our support and we can help you.

Please NOTE that we do not offer support to solve issues regarding your own, custom CSS, so if you don't know how to fix any problems that can arise with it, don't use a lot of it.