Google Fonts Documentation: Tutorial

Go to this page: https://fonts.google.com/
Then click on a plus icon of the fonts that you'd like to use for your page. 




After clicking on the plus icons, this tab will appear. Click on it to open gain access to the codes that you'll need.

Click on Imports and copy the line of code in between the <style> tags, do not include the style tags

On the page editor of your Encore themed page. Navigate to the left side editing panel's settings tab, then click on the custom code section. 

First, copy the font family codes from your google fonts selection

For this example, this code is currently in use:

<p style="font-family: 'Sriracha', cursive;"> This is what the Sriracha font style looks like</p>

You can add this code by clicking on the source code of your text block/box
Examples:

This is what the Sriracha font style looks like

This is what the Roboto font style looks like

This is what the Odibee Sans font style looks like

First thing to check would be the import code. Make sure that you only copy the @import line of code. Do not include the style tags

You can check a theme of a page by navigating to its stats page 

The best course of action for you would be to consult that developer on what they recommend for using custom fonts (from google)

Best advice for this would be for you to recreate your page using the Encore theme. It'll require more work, but you'll be missing out on all the new features if you'll stick with your old theme!

Really! 

But if you'd like to stick with your premier themed page. You can add the import code on a "Custom Code" block which you can create under the "Custom Content" page section. Then you can follow this guide starting from step 3

Easy!

Just upload the image on an email campaign; access its source code; copy the code for the image; paste it in the source code of your accordion block