如何正确使用JavaScript中的FontFace对象实现字体加载？

本文共计1799个文字，预计阅读时间需要8分钟。

目录+介绍+兼容性+创建FontFace对象+FontFace对象属性+FontFace对象方法+将创建的FontFace字体添加到页面中+通过字体Promise回调添加+通过Ajax获取字体文件后回调添加+页面中使用我们添加的字体

目录

• 介绍
• 兼容性
• 创建FontFace对象
• FontFace对象属性
• FontFace对象方法
• 将创建的FontFace字体添加到页面中
• 通过字体Promise回调添加
• 通过Ajax获取字体文件后回调添加
• 页面中使用我们添加的字体
• css事先定义好
• 通过js更改元素的字体

FontFace字面理解就是字体脸，也就是文字字体样式的意思，它是通过使用javascript来定义字体对象，并且引入客户端没有安装得字体文件，可以是者服务器端，或者是第三方字体库文件。