html2canvas - 解决截图后引入的字体样式丢失问题,第三方字体截图导出图片后字体失效,html2canvas截屏生成图片后艺术字体就丢失并且自动转成常规字体了,特殊字体显示不了无法截图怎么办

问题说明

在vue2/vue3/uniapp/react等项目开发中,使用html2canvas截图导出图片发现第三方字体艺术字变成了常规的字体,前端web项目利用html2canvas如何导出页面上的网络字体艺术字,强力解决html2canvas截图后引入的字体样式不生效问题,截屏图像后发现网页上的字体样式丢失且变成了浏览器默认的字体,适用于font-family/@font-face在线网络字体、本地字体文件、艺术字等外部第三方字体文件及资源URL,提供多种解决方法及示例代码!

其他教程都无法解决,只要你也有这个问题便可100%完美解决。

在这里插入图片描述

解决教程

首先来分析下这个问题,