-
Posts
-
I have all the body fonts for a site I have in development set to futura PT, which is a TypeKit font. I believe I’m using an Enfold-approved method for adding the fonts to the site.
When I load the page, though, I get a brief font flicker. What seems to be happening is the site is temporarily loading a font definition from base.css,
.helvetica-neue-websave.Is there a way I can override this or otherwise deal with it?
Thanks!
Update:
Here’s the code I use in the child theme’s functions.php to load the TypeScript fonts// Add TypeKit fonts to top of HTML head function realbasics_add_typekit(){ ?> <script src="https://use.typekit.net/kul0okt.js"></script> <script>try{Typekit.load({ async: true });}catch(e){}</script> <?php } add_filter( 'wp_enqueue_scripts', 'realbasics_add_typekit', 0 );Hi,
I can’t see any issues on your website regarding fonts. Where and how exactly can we inspect the issue? maybe screenshots could help us to understand the issue better (use imgur.com, dropbox).
Best regards,
AndyI was able to persuade the client to just let me revert them to Helvetica. That took care of the FOUT.
I’ll reopen the issue if they ask me to re-instate the TypeKit fonts that were loading late.
- The topic ‘.helvetica-neue-websave in base.css seems to make all fonts flicker on load’ is closed to new replies.