Adobe Typekit fonts not rendering properly - overridden by existing CSS?


#1

I’m trying to get the Adobe Typekit fonts we use on our website to render in the Unbounce Landing Page but the weights of the fonts are being overridden by the in-page CSS… is there a way to ensure the fonts render properly?

This is the CSS which I’ve added:


h1 { font-family: "adobe-garamond-pro",sans-serif; }
h2 { font-family: "adobe-acumin-pro",sans-serif; }
h3 { font-family: "adobe-acumin-pro",sans-serif; }
h4 { font-family: "adobe-garamond-pro",sans-serif; }

All the fonts are rendering in Bold. Any help?


#2

Hey John, 

This should be an easy fix. 

Just add: 

h1 {font-family: "adobe-garamond-pro",sans-serif; font-weight: 300 !important;}

Best,
Hristian

P.S. Of course, you would substitute the “300” with whatever weight you want to use.