修改 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);
});