@font-face 加载字体引用字体之后不起作用

出现不起作用的时候应该检查如下几个方面

第一：路劲是否正确，可以打开控制台，查看网络请求中是否有对应字体文件的请求操作

第二：IE9 + 虽然支持font-face但是只能 引用embedded 系列的字体 必须在src ：url (xxxx)  加上format('embedded-opentype')

第三：如果是在canvas中使用 引入的字体，出现了不生效，或者首次加载不生效的时候。在body标签canvas画布之前加一个

设置h1的字体家族为 引入的字体就好。这样做的目的是告诉浏览器，这个字体被启用了。

html, body {
            padding: 0;
            margin: 0;
            font-family:"Zephyrea";
        }