Search for answers:
The OptimizePress Support Site Has Moved: Click here to access the new Support site

How to use Typekit on OptimizePress pages

IMPORTANT: This guide requires that you have your own 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";

Didn't find an answer to your question? Contact Our Support Team (Submit a ticket)
Was this article helpful?
3 out of 3 found this helpful


Other Help Categories:

Get Started Guide

Watch our Ultimate Getting Started guide video

Pre-Sales Questions

Ask questions before purchasing our products

Login Problems

If you're having issues logging into our members hub

Accounts & Billing

Update your billing, request a refund and other accounts help

API Key Issues

Get help with licensing your site and API key issues

Membership Help

Get help creating Membership portals and courses

LiveEditor Help

If you need help using or troubleshooting the LiveEditor


Find out about the many integrations possible with OptimizePress

Affiliate Questions

Have questions about promoting OptimizePress

Clubhouse Questions

Questions about our Clubhouse Membership Subscription