How to use a Google font within Noodle 

Noodle supports the use of Google fonts

Go to: System tools/Settings/Theme/CSS and find this section of code within the CSS panel. 

/* Put custom fonts here */
/* End of fonts */

Enter the following code in between the Put and End lines. 

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

It should look like this. 

/* Put custom fonts here */@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');/* End of fonts */

In this example we are using the Roboto font.  You can use any of the available Google Fonts. 

Now scroll down to this section of code within the CSS.

body,select,input,table,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px}

Change the word Helvetica Neue to Roboto or what ever the name of the font you decide to use. 

Click Save Changes.

After the save and refresh your Noodle site should be using the Google font you choose.

Scroll to Top