<!doctype html><div class="lake-content" typography="classic">1、canvas绘制字体：问题描述：canvas绘制字体时，若环境中相应的字体文件未加载，此时canvas选用默认字体进行绘制，之后等字体文件加载完后canvas并不会主动重绘字体内容当前解决思路：使用document.font/FontFace主动监听字体文件的加载，当前问题一：无法判断当前环境中是否存在字体文件（虽然document.font.values中有引用，但是chrome会清楚字体文件的缓存），所以每次都需要重新请求当前问题二：从平台配置项中获取的字体名称与实际的字体文件名称会有不匹配的情况（如站酷高端黑修订151105就多了一个空格）当前问题三：平台配置项中许多字体选项其实并没有对应的字体文件当前问题四：我们需要手动过滤终端环境中系统默认字体如遇其他使用问题，可扫描下方二维码，获取更多产品支持~<img src="/api/img/yuque/0/2023/png/21840441/1685415867600-77c4b010-3e77-40b7-b482-e7c1a03dbfea.png" width="1411.2" id="u058e1ea9" class="ne-image"></div>

1、canvas绘制字体：

问题描述：canvas绘制字体时，若环境中相应的字体文件未加载，此时canvas选用默认字体进行绘制，之后等字体文件加载完后canvas并不会主动重绘字体内容

当前解决思路：使用document.font/FontFace主动监听字体文件的加载，

当前问题一：无法判断当前环境中是否存在字体文件（虽然document.font.values中有引用，但是chrome会清楚字体文件的缓存），所以每次都需要重新请求

当前问题二：从平台配置项中获取的字体名称与实际的字体文件名称会有不匹配的情况（如站酷高端黑修订151105就多了一个空格）

当前问题三：平台配置项中许多字体选项其实并没有对应的字体文件

当前问题四：我们需要手动过滤终端环境中系统默认字体





**如遇其他使用问题，可扫描下方二维码，获取更多产品支持~**

![](https://cdn.nlark.com/yuque/0/2023/png/21840441/1685415867600-77c4b010-3e77-40b7-b482-e7c1a03dbfea.png)



<!doctype html><div class="lake-content" typography="classic">1、canvas绘制字体：问题描述：canvas绘制字体时，若环境中相应的字体文件未加载，此时canvas选用默认字体进行绘制，之后等字体文件加载完后canvas并不会主动重绘字体内容当前解决思路：使用document.font/FontFace主动监听字体文件的加载，当前问题一：无法判断当前环境中是否存在字体文件（虽然document.font.values中有引用，但是chrome会清楚字体文件的缓存），所以每次都需要重新请求当前问题二：从平台配置项中获取的字体名称与实际的字体文件名称会有不匹配的情况（如站酷高端黑修订151105就多了一个空格）当前问题三：平台配置项中许多字体选项其实并没有对应的字体文件当前问题四：我们需要手动过滤终端环境中系统默认字体如遇其他使用问题，可扫描下方二维码，获取更多产品支持~<img src="https://cdn.nlark.com/yuque/0/2023/png/21840441/1685415867600-77c4b010-3e77-40b7-b482-e7c1a03dbfea.png" width="1411.2" id="u058e1ea9" class="ne-image"></div>

<!doctype lake><meta name="doc-version" content="1" /><meta name="viewport" content="fixed" /><meta name="typography" content="classic" />1、canvas绘制字体：问题描述：canvas绘制字体时，若环境中相应的字体文件未加载，此时canvas选用默认字体进行绘制，之后等字体文件加载完后canvas并不会主动重绘字体内容当前解决思路：使用document.font/FontFace主动监听字体文件的加载，当前问题一：无法判断当前环境中是否存在字体文件（虽然document.font.values中有引用，但是chrome会清楚字体文件的缓存），所以每次都需要重新请求当前问题二：从平台配置项中获取的字体名称与实际的字体文件名称会有不匹配的情况（如站酷高端黑修订151105就多了一个空格）当前问题三：平台配置项中许多字体选项其实并没有对应的字体文件当前问题四：我们需要手动过滤终端环境中系统默认字体​ ​ 如遇其他使用问题，可扫描下方二维码，获取更多产品支持~<card type="inline" name="image" value="data:%7B%22src%22%3A%22https%3A%2F%2Fcdn.nlark.com%2Fyuque%2F0%2F2023%2Fpng%2F21840441%2F1685415867600-77c4b010-3e77-40b7-b482-e7c1a03dbfea.png%22%2C%22taskId%22%3A%22uc319956a-c3e5-45ad-86ae-046eadc97f9%22%2C%22clientId%22%3A%22u90b1c22c-75ed-4%22%2C%22originalType%22%3A%22binary%22%2C%22width%22%3A1411.2%2C%22height%22%3A459%2C%22linkTarget%22%3A%22_blank%22%2C%22name%22%3A%22image.png%22%2C%22size%22%3A249827%2C%22from%22%3A%22paste%22%2C%22originWidth%22%3A1764%2C%22originHeight%22%3A574%2C%22ratio%22%3A1.25%2C%22status%22%3A%22done%22%2C%22style%22%3A%22none%22%2C%22search%22%3A%22%E5%BE%AE%E4%BF%A1%E6%89%AB%E7%A0%81%E5%85%B3%E6%B3%A8EASYV%E4%BA%A7%E5%93%81%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%20%E5%BE%AE%E4%BF%A1%E6%89%AB%E7%A0%81%E5%8A%A0%E5%85%A5%20EASYV%E4%BA%A7%E5%93%81%E7%A0%94%E7%A9%B6%E7%A4%BE%20%E8%8E%B7%E5%8F%96%E4%BD%BF%E7%94%A8%E5%B0%8F%E6%8A%80%E5%B7%A7%20%E6%9B%B4%E5%A4%9A%E6%B2%9F%E9%80%9A%E4%BA%A4%E6%B5%81%22%2C%22ocrLocations%22%3A%5B%7B%22x%22%3A264%2C%22y%22%3A431%2C%22width%22%3A426%2C%22height%22%3A34%2C%22text%22%3A%22%E5%BE%AE%E4%BF%A1%E6%89%AB%E7%A0%81%E5%85%B3%E6%B3%A8EASYV%E4%BA%A7%E5%93%81%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%22%7D%2C%7B%22x%22%3A1065%2C%22y%22%3A431%2C%22width%22%3A399%2C%22height%22%3A34%2C%22text%22%3A%22%E5%BE%AE%E4%BF%A1%E6%89%AB%E7%A0%81%E5%8A%A0%E5%85%A5%20EASYV%E4%BA%A7%E5%93%81%E7%A0%94%E7%A9%B6%E7%A4%BE%22%7D%2C%7B%22x%22%3A376%2C%22y%22%3A485%2C%22width%22%3A201%2C%22height%22%3A29%2C%22text%22%3A%22%E8%8E%B7%E5%8F%96%E4%BD%BF%E7%94%A8%E5%B0%8F%E6%8A%80%E5%B7%A7%22%7D%2C%7B%22x%22%3A1180%2C%22y%22%3A485%2C%22width%22%3A172%2C%22height%22%3A31%2C%22text%22%3A%22%E6%9B%B4%E5%A4%9A%E6%B2%9F%E9%80%9A%E4%BA%A4%E6%B5%81%22%7D%5D%2C%22showTitle%22%3Afalse%2C%22title%22%3A%22%22%2C%22rotation%22%3A0%2C%22crop%22%3A%5B0%2C0%2C1%2C1%5D%2C%22averageHue%22%3A%22%23d0ddf3%22%2C%22id%22%3A%22u058e1ea9%22%2C%22margin%22%3A%7B%22top%22%3Atrue%2C%22bottom%22%3Atrue%7D%7D"></card>

EasyV正式产品文档

让每一个组织和个体都看见并受益于数字化

易知微数字孪生世界

不会调酒的音乐家不是一个好的产品经理

瑾贺新禧III

1、canvas绘制字体：问题描述：canvas绘制字体时，若环境中相应的字体文件未加载，此时canvas选用默认字体进行绘制，之后等字体文件加载完后canvas并不会主动重绘字体内容当前解决思路：使用document.font/FontFace主动监听字体文件的加载，当前问题一：无法判断当前...

组件开发当前存在问题