Page tree
Skip to end of metadata
Go to start of metadata

It is possible to change the font on your   to a custom one, but this requires some code to be inserted in the HTML/CSS editor. If you don't feel like you can do this on your own, please contact us on   and we will help you out.

Choose your custom font

1. You can choose a free font from Google. Just go to http://www.google.com/fonts and choose which font you would like to use on your PowerStore. When you have found one you like, simply click on the blue button Add to Collection.

2. On the bottom of the site you will now see a box named Collection (1 font family) and the option Use, to the right of the box. Click on Use.

3. Scroll down to option "3: Add this code to your website." Copy this code.


To add the font into your  

1. After you've copied the code from the Google page, go to your    Workspace.

2. Click on Themes from the left menu. 

3. Click on Theme Code

4. Click the "+" to expand the section Layouts, and double-click on theme.fluid. The code will appear to the right.


5. Paste the code that you've copied into the {% head %} tag as shown on screenshot below. Then click Save.

6. To see the font on your  , you now need to insert the name of the font into the CSS file (this is the style sheet of your store). Scroll down in the right column until you get to the section named Assets. Then click on site.css.fluid


7. In the code editor now look for the tag named h1,h2,h3,h4,h5,h6. These are the headings.

8. Remove the code after font-family: and add the name of the font you chose from Google Fonts. In this case Fauna One. (Fauna+One in the code you copied from Google). Don't forget to put " " around the font name and close the tag with a semi colon, as seen on the screen shot.

9. Click Save.

To view the new font on your website/store:

1. Click "View Your Store" in the upper right corner of your Workspace.

2. You will be taken to your website home page.  The headings you have added on your   should now be in the new font.

NOTE: If the new font is not showing, click "Refresh" to refresh the page.