Letterpress - Using Custom Fonts


So you would like to use custom Google Fonts with the Letterpress stack. This FAQ will show you how VERY easy it is to do. Just follow the instructions below or go to the bottom for a demo video:
1. First you need to choose the font you want to use, to do this go to Google Fonts and choose the font you want to use. In this example I am going to be using the Kavoon font.

2. Once you choose your font, you will want to click on the button that has an arrow pointing to the right, if you mouse over it, the tooltip will say “Quick-use”.

3. Once you click on that icon, you will be brought to a new page, where you can choose the different styles of the font you want. Make your choices and then scroll down to step three. Step three is a tabbed step that offers you different code to put in your site. You want the Standard code, so be sure that tab is selected. Then copy that code so you can paste it into your Rapidweaver project.

4. Go to Rapidweaver, and click on the Letterpress stack on your page. Then find the Letterpress - Advanced settings and look for the Style settings.

5. Then you will want to choose the style on the bottom called Custom Definition.

6. When you do, the settings panel will change and look like this:

7. Now you need to type the name of the font you are going to use, remember, I choose Kavoon, please make it all lowercase.

8. Now you need to open the page inspector, and find header tab on top.

9. Once you are there, you want to paste your code you got from the Google Fonts website.

10. Now make your other adjustments for the stack, color, size, etc. and preview. You now have a custom font on your website! Easy as pie!!

We hope you found this FAQ easy to understand and useful! Now go forth and make your websites great!

Video Tutorial

Here is a video of the instructions as well, if you prefer to learn by watching. Enjoy!!