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 标签中增加如下代码:
<link
rel="preload"
href="MyFonts.woff2"
as="font"
type="font/woff2"
crossorigin="anonymous"
/>
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: <FontFamilyHandDrawnIcon theme={appState.theme} />,
}
// 变更为
{
value: FONT_FAMILY.MyFonts,
text: t("labels.handDrawn"),
icon: <FontFamilyHandDrawnIcon theme={appState.theme} />,
}
7、启动服务器查看即可~
除了以上方法外,暴力方法:直接覆盖 public/Virgil.woff2 文件即可。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。