Harper - Using the Script Font

If you'd like to use the Harper script font in various areas of your site, grab the following code:

<h3 class="script"> Your Text Here </h3>

This can be used almost anywhere on your site:

• In a Custom HTML widget in any widget area
• In a Custom HTML block on a Gutenberg-based page or blog post (would work great as a heading in a post!)

Using the script font in your site title

If you'd like to use the Harper script font for your site title, here's how!

1. Click here and copy the code.
2. Go to Appearance > Customize > Additional CSS.
3. Paste the code in the box. Click Publish to save.

Tip: The first section of the code (90px) is the site title on desktop and tablets. The second section of code (60px) is the site title on mobile phones. You can change the 90px and 60px values to whatever size looks best with your site title.