1. Home
  2. Knowledge Base
  3. Advanced
  4. How to use Typekit on OptimizePress pages

How to use Typekit on OptimizePress pages

IMPORTANT: This guide requires that you have your own Typekit.com account which is a paid service available from Adobe.  If you want to add other fonts to your site without this you might consider using Google fonts guide here.

You can use Typekit fonts on your OptimizePress pages with a little custom code.  

You will need to get the Javascript embed code from Typekit and also know the CSS class styles you want to affect on your pages.

Once you have these codes you can add them in the Other Scripts > Custom CSS / Header sections as shown in this screenshot:

Remember: You don’t have to use your new font for all classes on your pages – you can be selective in which classes you affect with your new font.  E.g. if you just want to affect headlines on your pages you might use:

h1, h2 {
font-family: "proxima-nova";
}

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for? Don't worry we're here to help!
Contact Support