Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #737628

    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!

    #738069

    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 );
    #739615

    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,
    Andy

    #739631

    I 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.

    #740181

    Hi,

    alright! yes feel free to open a new ticket if you have something new for us related to our themes. We’re happy to support you!

    Best regards,
    Andy

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘.helvetica-neue-websave in base.css seems to make all fonts flicker on load’ is closed to new replies.