Fires before custom font is applied

[andrewtibbetts]

I'm having to use jquery.fontspy.js to hold off balancing until my @font-face applies. Otherwise it balances according to default font.

[redmunds]

@andrewtibbetts Yes, waiting for fonts to load is a pain. Do you have a link to your solution that I could look at? If it's not too involved maybe we could integrate it with this polyfill, but at least I'd like to provide info to others that have same problem. Thanks.

[andrewtibbetts]

I’m using this: https://github.com/patrickmarabeas/jQuery-FontSpy.js https://github.com/patrickmarabeas/jQuery-FontSpy.js

Then call it like so: $('p').fontSpy({ onLoad: 'balance-text' }); when the dom is ready.

[CupOfTea696]

I don't know about the fontSpy plugin, but I know for TypeKit you can make sure balance-text only gets executed after the font is loaded like this:

var balanceSelector = ':header:not(:has(*)), p:not(:has(*))';
if($('html').is('.wf-active')){
    console.log('balance');
    $(balanceSelector).balanceText();
}else{
    try {
        Typekit.load({
            active: function(){
                console.log('balance');
                $(balanceSelector).balanceText();
            }
        });
    } catch(e) {console.log(e);}
}

Make you can check the fontSpy API for anything similar.

[andrewtibbetts]

Found a better script: https://github.com/JenniferSimonds/FontDetect

[fregante]

Unfortunately this is not easy to automatically track, the only thing we could do is add a note about it and a suggested solution(s) in the readme. Embedding FontDetect and trying to figure out whether it's needed is probably too much for this plugin.