https://legacy.forums.gravityhelp.com/topic/using-typekit-with-gravity-forms Gravity Support Forums Topic: Using TypeKit with Gravity Forms. en-US Mon, 20 Apr 2026 15:03:45 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/using-typekit-with-gravity-forms#post-10191 Tue, 21 Sep 2010 20:56:49 +0000 rfrankel 10191@https://legacy.forums.gravityhelp.com/ <p>Hey Kevin,<br /> I would have done the '!important' fix except that the CSS generated from TypeKit actually is adding that CSS to mine. As far as I can see, I don't have access to add !important to their code. I could add it manually, but then it would remove some of the features of using typekit (that being changing the font with no code changes...).</p> <p>I guess the way to go here is your second option, moving the fomrs.css file to my themes locale. </p> <p>Thanks for the response. </p> https://legacy.forums.gravityhelp.com/topic/using-typekit-with-gravity-forms#post-10139 Mon, 20 Sep 2010 20:37:07 +0000 Kevin Flahaut 10139@https://legacy.forums.gravityhelp.com/ <p>Just add the "!important" declaration at the end of your font-family property. That should do it for you. It worked in my quick test.</p> <p><code>#ComingSoon h1, #Tagline h2, .gform_wrapper h3, .gform_wrapper h3.gform_title, .tk-angie-sans, h2 {font-family:&quot;angie-sans-1&quot;,&quot;angie-sans-2&quot;,sans-serif!important}</code></p> <p>As a note, you can always copy the contents of the forms.css file in the plugin directory and append it to your theme's style sheet. Then you can go into the form settings and set the "output css" option to "no". Once you've done that, you can edit away on your copy and the changes will be safe when you auto-update the plugin. </p> https://legacy.forums.gravityhelp.com/topic/using-typekit-with-gravity-forms#post-10135 Mon, 20 Sep 2010 18:47:10 +0000 rfrankel 10135@https://legacy.forums.gravityhelp.com/ <p>I'm not sure if anyone has experience with this or not but....</p> <p>If you look at:<br /> <a href="http://canvas3.swampedmagazine.com/?page_id=25" rel="nofollow">http://canvas3.swampedmagazine.com/?page_id=25</a><br /> and select a 'job' (other then Sales Director) that the headings within the job posting are stylized using Typekit but the main headings are not styled correctly. The CSS that Typekit inserts is overridden by the GF CSS. I would like to avoid actually going into any of the core GF CSS and am wondering if there is a way to tell gravity forms not to add any Font selection. </p> <p>I.E. This gets precedence....</p> <pre><code>.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title { font-family:Helvetica,sans-serif; font-size:16px; font-weight:bold; }</code></pre> <p>Over this.....<br /> <pre><code>#ComingSoon h1, #Tagline h2, .gform_wrapper h3, .gform_wrapper h3.gform_title, .tk-angie-sans, h2 { font-family:&quot;angie-sans-1&quot;,&quot;angie-sans-2&quot;,sans-serif; }</code></pre> <p>If anyone had any tips or ideas I would love to hear them. </p> <p>Many thanks. </p>