Bigtext only fires after Window resize

[kaspar-allenbach]

Hi.

I've implemented bigtext. The text is only resized to the parent element after I resize the browser window.

Why is that?

This is my js:

$(document).ready(function() { $('#bigtext').bigtext(); });

This is my html:
<div id="bigtext" style="width: 100%"><div class="temp">28.50°</div></div>

This is my css:
.temp{ font-family: "league-gothic",sans-serif; font-weight: 400; color: #2EA959; line-height: 1; }

I load the typekit font via standard snipets. not with the fontloader api.
It happens in webkit and also in FF.

[monobasic]

same problem here... any idea?

[toddsantoro]

Did any of you get this issue fixed??? I am having the same problem.

[carlosceia]

same for me here, any clues on how to solve this?

[icoloma]

This seems like a duplicate of #16

[zachleat]

Yes, @icoloma, I think you’re right. Thank you.

Use font load events or a polyfill to trigger bigtext after league gothic has loaded.

Here are two polyfills:
https://github.com/zachleat/fontfaceonload
https://github.com/bramstein/fontfaceobserver/