开发者社区> 问答> 正文

如何判 @font-face 字体文件已经载入完全

web上用字体文件做的图标,通过@font-face载入,需要判断字体文件是否载入完成,如何搞定?

展开
收起
小旋风柴进 2016-03-23 14:42:37 2394 0
1 条回答
写回答
取消 提交回答
  • 最简单的方法是使用 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
      }
    };
    2019-07-17 19:11:05
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载