Excalidraw 修改手写中文字体
1、按照官网进行下载 git clone
git clone https://github.com/excalidraw/excalidraw
2、打开静态资源目录 public,将准备好的字体包放到当前目录下,示例中字体文件名:MyFonts.woff2
3、修改 public/fonts.css,增加如下代码:
@font-face {
font-family: "MyFonts";
src: url("MyFonts.woff2");
font-display: swap;
}
4、修改 public/index.html,在head 标签中增加如下代码:
5、修改 src/constants.ts,增加字体变量,此处以 MyFonts 字体代替了 Virgil 字体:
export const FONT_FAMILY = {
Virgil: 1,
Helvetica: 2,
Cascadia: 3,
};
// 变更为
export const FONT_FAMILY = {
MyFonts: 1,
Virgil: 4,
Helvetica: 2,
Cascadia: 3,
};
6、修改 src/actions/actionProperties.tsx,替换字体的使用:
{
value: FONT_FAMILY.Virgil,
text: t("labels.handDrawn"),
icon: ,
}
// 变更为
{
value: FONT_FAMILY.MyFonts,
text: t("labels.handDrawn"),
icon: ,
}
7、启动服务器查看即可~
【Excalidraw 修改手写中文字体】除了以上方法外,暴力方法:直接覆盖 public/Virgil.woff2 文件即可。
推荐阅读
- java|java b2b2c shop 多用户商城系统源码- config 修改配置
- iOS富文本为html时,修改默认字体颜色
- react-navigation|react-navigation 动态修改 tabBar 样式
- 8、Flask构建弹幕微电影网站-搭建后台页面-密码修改、主页控制面板
- 手写|手写 React-Native 方法调用式的 Modal 弹框、Toast 提示
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等
- spring5源码系列--循环依赖|spring5源码系列--循环依赖 之 手写代码模拟spring循环依赖
- 手写我心day12
- minifilter中获取对文件修改属性的操作
- Android免Root|Android免Root 修改程序运行时内存指令逻辑(Hook系统函数)