Using a custom font, such as a Google Font, in your template designs is a great way to make sure the document design showcases your brand. 

The following article shows how to add the code needed to use a custom Google Font in the templates.

Note: The example below shows how to use a Google Font, however the same process applies to any font.

Adding a Google Font

1- On https://fonts.google.com select your font, and click the installation bar at the bottom of the page:

2- Click on the "@IMPORT" tab, and copy the provided code:

3- Add that code at the very top of your template code in Order Printer Pro. In this example, you will now have code that looks like this:

<style>
@import url('https://fonts.googleapis.com/css?family=Montserrat');
</style>


4- You can now apply the font in your CSS using the below:

font-family: 'Montserrat', sans-serif;


5- To apply the font to all text in your template, modify the code to look like this:

<style>

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

.printer-preview-content * {
  font-family: 'Montserrat', sans-serif;
}

</style>


5. Click "Save"

Did this answer your question?