html 正确加载网络字体（根据Google推荐）

Posted 2021-05-10

<noscript id="deferred-styles">
	<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,700,700i" rel="stylesheet">
</noscript>
<script>
    // 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>