为 Excalidraw 添加手写中文字体的最简单方法

8,131 阅读1分钟

Excalidraw 是一个漂亮的在线绘图网站,亮点就是其手绘风格的英文:

image.png

但是没有对中文的手绘风格字体进行兼容处理,所以上图的中文字体有些格格不入。

那如何处理呢?

得益于 Excalidraw 开源大家可以自己部署,两种部署方法:

  1. Nodejs
  2. Docker

第一种方法就方便处理可以直接改源码,也有案例:segmentfault.com/a/119000004…

我这里提供一个稍微简单的方法,使用浏览器的插件重定向字体来实现中文手绘字体的兼容:

步骤:

  1. 寻找手绘字体(猫啃100font
  2. 寻找重定向插件(XSwitch

1.寻找字体

上面两个网站挑选字体后解压,之后上传到一个存储位置(可以访问的地方)或者本地静态服务器,我这里上传到了腾讯云的 COS 里得到一个可访问链接。

2.配置重定向

找到需要重定向的字体地址:https://excalidraw.com/Virgil.woff2

image.png

配置 XSwitch 插件:

image.png

刷新页面(多刷几次,有可能有缓存),效果如下:

image.png 看着就和谐很多了!