自定义字体

给网站添加自定义字体

1. 在 index.css 中引入

@font-face {
    font-family: "HYDaLiShuJ";
    src: url("https://cms.aclisp.xyz/assets/e38f9545-132d-414f-861c-8a7b298806a8") format("woff2");
    font-display: block;
    size-adjust: 110%;
}

• 字体保存在 CMS 中
• 使用 woff2 转换字体文件格式

2. 此时，前面声明的字体名已经可以用在 font-family 中了
3. 如果要在 canvas 里使用

• 等待字体加载完毕 await document.fonts.load('1rem "HYDaLiShuJ"')
• 使用 ctx.font = '24px "HYDaLiShuJ", sans-serif'