使用本地存储来提供Web字体的性能

HTML5 Improving Web Font Performance with Local Storage Read more： http://www.sitepoint.com/improving-font-performance-subsetting-local-storage/

本地存储

《three.js如何实现贴图模糊效果 - 使用canvas》申请公开！

第三方库
作品简介 1169
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

if (localStorageSupported() && localStorage.spdemowebFonts) {
        injectRawStyle(localStorage.getItem('spdemowebFonts'));
    } else {
        window.onload = function() {
            injectFontsStylesheet();
        }
    }

function injectRawStyle(text) {
        var style = document.createElement('style');
        style.innerHTML = text;
        document.getElementsByTagName('head')[0].appendChild(style);
        document.documentElement.className = 'webFont';
    }
}());

编译

CSS

HTML

HTML5 Improving Web Font Performance with Local Storage Read more： http://www.sitepoint.com/improving-font-performance-subsetting-local-storage/

本地存储

编辑器支持Emmet

快捷键

HTML5 Improving Web Font Performance with Local Storage Read more： http://www.sitepoint.com/improving-font-performance-subsetting-local-storage/

本地存储

使用jQuery-ui和本地存储实现的任务管理界面

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：