Search code examples
htmlcssgoogle-chromewebfonts

Webfont not loading on page load on Chrome

I'm having an issue with loading a WebFont on Chrome version "48.0.2564.82 m (64-bit)".

The issue is that the webfont is not being applied when I load the page or navigate to the page via any means other than using the refresh function.

This is the segment of code in my CSS file where I load in and set the font:

@import url(//fonts.googleapis.com/css?family=Lato:400,300italic,700);

body, html {
    width: 100%;
    height: 100%;
    background-color: #444444;
    font-family: 'Lato', sans-serif, arial;
}

I've made a gfycat of the issue here: https://gfycat.com/UnfoldedAlarmingFoxhound

Any clues?

Solution

  • It's a known issue and they fixed it for version 49.0.2623.13. try it with canary.

    https://code.google.com/p/chromium/issues/detail?id=579912&q=font%20os%3DWindows&colspec=ID%20Pri%20M%20Stars%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified