3 attempts of loading the Google WebFont

load-font-when-WebFont-object-is-available.html

<script>
function loadWebFont(isLoaded) {
    if (isLoaded = 'undefined' !== typeof WebFont) {
        WebFont.load({  google: {    families: ["Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic","Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Oswald:200,300,400,500,600,700","Great Vibes:400","Poppins:100,200,300,regular,500,600,700,800,900"]  }});
    }
    return isLoaded;
}

if (!loadWebFont()) { // if WebFont not available yet...
    // wait until HTML is fully loaded
    document.addEventListener("DOMContentLoaded", function() { // defer
        if (!loadWebFont()) { // if still not available...
            // wait until all external resources, styles and fonts loaded
            window.addEventListener("load", loadWebFont);
        }
    });
}
</script>