css - 字体加载速度更快？

Question

我需要一些解决方案或建议来在网站中加载更快的字体。

有点像

@font-face {
    font-family: 'myfont';
    src: url('myfont.eot');
    src: url('myfont.eot?#iefix') format('embedded-opentype'),
         url('myfont.woff') format('woff'),
         url('myfont.ttf') format('truetype'),
         url('myfont.svg#nexa_heavyregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

在 html 加载或下载字体 url 时需要一些时间来更改字体，有什么想法可以更快地加载它吗？

Answer 1

你不能让它加载得更快，因为它取决于网络和浏览器字体渲染，但你可以在你的字体正在加载时显示某种加载指示符 FontLoader :

// Show an activity indicator while font is loading...

var fontLoader = new FontLoader(["myfont"], {
    "fontsLoaded": function(error) {
        // Hide the activity indicator and show the text.
    }
}, 3000);
fontLoader.loadFonts();

这是关于 jsFiddle 的演示