目录
article
修改 Mermaid 字体
修改 Mermaid 字体
直接使用 CSS 修改 Mermaid 图表中的字体时,可能会导致文本显示不全。
可以在初始化 mermaid 时,通过 fontFamily 属性执行字体。然后在页面加载完成后,再执行初始化处理,以防止字体显示不全。
初始化示例代码如下:
document.addEventListener('DOMContentLoaded', function() {
const config = {
fontFamily: "var(--bs-body-font-family)",
startOnLoad:true,
logLevel: "error",
align: "center",
theme: "base",
look: "handDrawn",
layout: "elk"
};
mermaid.initialize(config);
});