全部 / 工具 / 技术 · 2022年4月7日 0

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

广告位招租 (vx: ghostcode, 备注:网站广告)

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

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

那如何处理呢?

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

  1. Nodejs
  2. Docker

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

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

步骤:

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

1.寻找字体

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

2.配置重定向

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

配置 XSwitch 插件:

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

看着就和谐很多了!