如何判 @font-face 字体文件已经载入完全
web上用字体文件做的图标,通过@font-face载入,需要判断字体文件是否载入完成,如何搞定?
抱着全职看忘羡
10 years, 9 months ago
Answers
如何实现没有研究过,最简单的方法是使用 google 的
WebFont Loader
它提供了载入各种状态的 callback 支持:
WebFontConfig = { google: { families: [ 'Tangerine', 'Cantarell' ] }, typekit: { id: 'myKitId' }, loading: function() { // do something }, fontloading: function(fontFamily, fontDescription) { // do something }, fontactive: function(fontFamily, fontDescription) { // do something }, fontinactive: function(fontFamily, fontDescription) { // do something }, active: function() { // do something }, inactive: function() { // do something } };
丧钟为谁而鸣
answered 10 years, 9 months ago