Changing the default template font

These are instructions for how to use one font globally on all texts on the website. If you are using other fonts for headings, they will be replaced if you follow this method.

1. Find a font you want to use: https://fonts.google.com/ 

2. Click the + sign on the font you want to use

3. Click on "Family selected": https://www.screencast.com/t/Clck71gxR 

4. Click on @IMPORT, copy the first code: https://www.screencast.com/t/EwyKhfaOE6 

Paste this code somewhere (like into a notepad document) to be used for later.

5. Create this which you will insert some code into:

* { }

6. Go back to google fonts and copy the second code under "Specify in CSS".
See picture

7. Paste it in between the curly braces. 

Example:

* { font-family: 'Roboto', sans-serif; }

8. Add !important before the semi-colon. 

Example:

* { font-family: 'Roboto', sans-serif !important; }

9. You will then have to wrap it in <style> tags and import the font. Paste this code into the code you pasted earlier (step 4). It has to be after the first @import line. 

Example of a finished code:

<style>

@import url('https://fonts.googleapis.com/css?family=Roboto');

* { font-family: 'Roboto', sans-serif !important; }

</style>

10. Paste the code into SETTINGS > Website settings > HTML Header (requires Premium Standard) 
or PAGES > page > SEO-settings > HTML Header on each page you want the font to take effect (for free or Limited/Mini users)