在使用@font-face标签加载中文字体文件时,如何使页面快速渲染

当我们使用@font-face标签加载中文字体文件时,字体文件可能很大,但是网页中可能只是需要其中的某一些字体,但是页面会去下载整个字体文件,那么如何避免这个问题?或者说有什么办法能使网页更快速的加载渲染出来?

阅读 3k
2 个回答

有一些网站有压缩字体的功能,大概是根据你页面里用到的文字,剔除掉字体包里没用到的,这样可以很大程度上减小字体文件体积,有一个缺点是,你改动了网页,那么可能需要重新压缩。

如果页面里需要到用某一字体的地方不多,建议切图处理。

根据网站上用到的 文字单独压缩成一个字体包,缺点就是 后期维护 都需要更新检测 多余的文字, 一般还是情况下还是建议 常规字体 应用,一些特殊的文字 能借用 字体图标的 就借用字体图标。 除非新建 项目, 老项目中都是设置有 默认字体的,设计稿 一般都是 用平方字体,设计师并没有考虑到这些问题 ,所以 并不能一味的跟着设计走,需要自己根据自己的项目实际情况去把握!

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题