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

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

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

目录

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

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