FontFace 简介

247 阅读1分钟

①FontFace 接口表示一个可用的字体。它允许您控制字体的源文件,作为外部资源的 URL 或缓冲区;它还允许您控制字体的加载时间和字体当前的状态;
②FontFace API 相对于把 CSS @font-face 一些不可控的策略搬到了 JS 中,以便我们可以灵活设置。其支持的一些 API 属性和 @font-face 规则支持的 CSS 属性是一一对应的;
③FontFace.status:返回字体的状态,值可能是后面其中之一:"unloaded", "loading", "loaded" 或者 "error";
④FontFace.load ():触发自定义字体加载,可以是 URL 地址,也可以是字体的 buffer 资源,返回值是个 Promise,成功后返回当前 FontFace 对象;
(参考:developer.mozilla.org/zh-CN/docs/…