https://legacy.forums.gravityhelp.com/topic/google-web-font-not-loading-when-using-gravity-forms-shortcode-in-header Gravity Support Forums Topic: Google web font not loading when using Gravity forms shortcode in header en-US Sat, 04 Apr 2026 12:41:56 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/google-web-font-not-loading-when-using-gravity-forms-shortcode-in-header#post-150288 Tue, 19 Feb 2013 13:20:18 +0000 Chris Hajer 150288@https://legacy.forums.gravityhelp.com/ <p>What is the URL to the page where this form is embedded?</p> <p>When you include a Gravity Form like that, you may need to enqueue the Gravity Forms scripts and styles using gravity_form_enqueue_scripts <a href="http://www.gravityhelp.com/documentation/page/Gravity_form_enqueue_scripts" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gravity_form_enqueue_scripts</a></p> <p>More about embedding a form via function call:<br /> <a href="http://www.gravityhelp.com/documentation/page/Embedding_A_Form#Function_Call" rel="nofollow">http://www.gravityhelp.com/documentation/page/Embedding_A_Form#Function_Call</a></p> <p>Finally, there is a JavaScript event gform_page_loaded <a href="http://www.gravityhelp.com/documentation/page/Gform_page_loaded" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_page_loaded</a> which is normally used to ensure fonts are loaded after a Gravity Form is reloaded. The example on that page is for Cufon, but the approach would be the same for Google fonts.</p> <p>I would start with gravity_form_enqueue_scripts since you are embedding the form outside the loop. </p> https://legacy.forums.gravityhelp.com/topic/google-web-font-not-loading-when-using-gravity-forms-shortcode-in-header#post-150257 Tue, 19 Feb 2013 12:37:29 +0000 1-phantomdentist 150257@https://legacy.forums.gravityhelp.com/ <p>Hi</p> <p>When using</p> <p><code>&lt;?php echo do_shortcode(&#39;[gravityform id=&quot;2&quot; name=&quot;Contact Mini&quot; title=&quot;false&quot; description=&quot;false&quot;]&#39;); ?&gt;</code></p> <p>the google webfont "Roboto Condensed" does not load on page refresh. I have tried removing the echoed shortcode and the issue is fixed. If you navigate to any page there is no issue, only when refreshing a page you are already on using a refresh button or hitting f5. </p> <p>This issue occurs on windows 7 in Chrome v 24.0.1312.57. I can't replicate it in firefox, safari oe ie9</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;!-- Add browser classes to html tag --&gt; &lt;!--[if lt IE 7]&gt; &lt;html &lt;?php language_attributes(); ?&gt; class=&quot;ie ie6 lte9 lte8 lte7&quot;&gt; &lt;![endif]--&gt; &lt;!--[if IE 7]&gt; &lt;html &lt;?php language_attributes(); ?&gt; class=&quot;ie ie7 lte9 lte8 lte7&quot;&gt; &lt;![endif]--&gt; &lt;!--[if IE 8]&gt; &lt;html &lt;?php language_attributes(); ?&gt; class=&quot;ie ie8 lte9 lte8&quot;&gt; &lt;![endif]--&gt; &lt;!--[if IE 9]&gt; &lt;html &lt;?php language_attributes(); ?&gt; class=&quot;ie ie9 lte9&quot;&gt; &lt;![endif]--&gt; &lt;!--[if gt IE 9]&gt; &lt;html &lt;?php language_attributes(); ?&gt;&gt; &lt;![endif]--&gt; &lt;!--[if !IE]&gt; &lt;html &lt;?php language_attributes(); ?&gt;&gt; &lt;![endif]--&gt; &lt;!--[if lt IE 9]&gt; &lt;script&gt; document.createElement(&#39;header&#39;); document.createElement(&#39;nav&#39;); document.createElement(&#39;section&#39;); document.createElement(&#39;article&#39;); document.createElement(&#39;aside&#39;); document.createElement(&#39;footer&#39;); &lt;/script&gt; &lt;![endif]--&gt; &lt;head&gt; &lt;!-- ****************************************** Meta stuff ****************************************** --&gt; &lt;meta charset=&quot;&lt;?php bloginfo( &#39;charset&#39; ); ?&gt;&quot; /&gt; &lt;meta name=&quot;SKYPE_TOOLBAR&quot; content =&quot;SKYPE_TOOLBAR_PARSER_COMPATIBLE&quot;/&gt; &lt;title&gt;&lt;?php wp_title(&#39;&#39;);?&gt;&lt;/title&gt; &lt;!-- ****************************************** Link stuff ****************************************** --&gt; &lt;link rel=&quot;icon&quot; type=&quot;image/png&quot; href=&quot;&lt;?php echo get_template_directory_uri(); ?&gt;/images/favicon.png&quot;/&gt; &lt;link href=&#39;http://fonts.googleapis.com/css?family=Roboto+Condensed&#39; rel=&#39;stylesheet&#39; type=&#39;text/css&#39;&gt; &lt;link href=&#39;http://fonts.googleapis.com/css?family=Droid+Sans&#39; rel=&#39;stylesheet&#39; type=&#39;text/css&#39;&gt; &lt;link href=&#39;http://fonts.googleapis.com/css?family=Droid+Serif&#39; rel=&#39;stylesheet&#39; type=&#39;text/css&#39;&gt; &lt;link rel=&quot;profile&quot; href=&quot;http://gmpg.org/xfn/11&quot; /&gt; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;all&quot; href=&quot;&lt;?php bloginfo( &#39;stylesheet_url&#39; ); ?&gt;&quot;/&gt; &lt;link rel=&quot;pingback&quot; href=&quot;&lt;?php bloginfo( &#39;pingback_url&#39; ); ?&gt;&quot; /&gt; &lt;!-- Add Wordpress head hook stuff --&gt; &lt;?php wp_head();?&gt; &lt;/head&gt; &lt;!-- ****************************************** Start of body ****************************************** --&gt; &lt;body &lt;?php body_class(); ?&gt;&gt; &lt;div class=&quot;wrapper-main&quot;&gt; &lt;div class=&quot;header-form&quot;&gt; &lt;?php echo do_shortcode(&#39;[gravityform id=&quot;2&quot; name=&quot;Contact Mini&quot; title=&quot;false&quot; description=&quot;false&quot;]&#39;); ?&gt; &lt;a class=&quot;form-tab&quot;&gt;&lt;/a&gt; &lt;/div&gt;&lt;!-- end header-form --&gt; &lt;header class=&quot;header&quot;&gt; &lt;div class=&quot;utility-bar&quot;&gt; &lt;div class=&quot;contact-info&quot;&gt; &lt;?php if( function_exists(&#39;get_field&#39;) ) { if( get_field(&#39;header_contact_details&#39;,&#39;options&#39;) ) { echo do_shortcode( get_field(&#39;header_contact_details&#39;,&#39;options&#39;) ); } } ?&gt; &lt;/div&gt; &lt;nav class=&quot;nav-utility clearfix&quot;&gt;&lt;?php wp_nav_menu( array( &#39;theme_location&#39; =&gt; &#39;menu-utility&#39;, &#39;container&#39; =&gt; &#39;&#39;) ); ?&gt;&lt;/nav&gt; &lt;/div&gt;&lt;!-- end utility-bar --&gt; &lt;div class=&quot;header-content&quot;&gt; &lt;a class=&quot;logo&quot; href=&quot;&lt;?php echo home_url(); ?&gt;&quot;&gt;&lt;?php bloginfo(&#39;name&#39;); ?&gt;&lt;/a&gt; &lt;nav class=&quot;nav-main&quot;&gt;&lt;?php wp_nav_menu( array( &#39;theme_location&#39; =&gt; &#39;menu-main&#39;, &#39;container&#39; =&gt; &#39;&#39;) ); ?&gt;&lt;/nav&gt; &lt;/div&gt;&lt;!-- end header-content --&gt; &lt;/header&gt;&lt;!-- end header --&gt;</code></pre> <p>The font is loaded with css from style.css, rule as follows</p> <p>font:300 normal 35px 'Roboto Condensed', Arial, Helvetica, sans-serif; color:#00335F;</p> <p>I can give access to the development site if you cn provide an ip to unblock. </p>