快速字体加载

html
阅读 43 收藏 0 点赞 0 评论 0

fast-font-load.html
 <!-- Google Fonts Deferred -->
    <noscript id="deferred-styles">
        <!-- Add your fonts link here -->
        <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,700,700i%7CSource+Serif+Pro:700" rel="stylesheet">
    </noscript>

    <script type="text/javascript">
        // Load CSS
        var loadDeferredStyles = function() {
            var addStylesNode = document.getElementById("deferred-styles");
            var replacement = document.createElement("div");
            replacement.innerHTML = addStylesNode.textContent;
            document.body.appendChild(replacement)
            addStylesNode.parentElement.removeChild(addStylesNode);
        };
        var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
            window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
        if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
        else window.addEventListener('load', loadDeferredStyles);
    </script>
评论列表


问题


面经


文章

微信
公众号

扫码关注公众号