mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-11-03 20:34:20 +01:00
43 lines
1.5 KiB
HTML
43 lines
1.5 KiB
HTML
<html>
|
|
<head>
|
|
<script src="/e2e.js"></script>
|
|
<link href="https://fonts.googleapis.com/css?family=Mansalva&display=swap" rel="stylesheet" />
|
|
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" rel="stylesheet">
|
|
<style>
|
|
body {
|
|
/* font-family: 'Mansalva', cursive;*/
|
|
font-family: '"Noto Sans SC", sans-serif';
|
|
}
|
|
.mermaid-main-font {
|
|
font-family: '"Noto Sans SC", sans-serif';
|
|
/* font-family: var(--mermaid-font-family); */
|
|
}
|
|
/* :root {
|
|
--mermaid-font-family: '"trebuchet ms", verdana, arial';
|
|
--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive;
|
|
--mermaid-font-family: '"Lucida Console", Monaco, monospace';
|
|
} */
|
|
svg {
|
|
border: 2px solid darkred;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<script src="./mermaid.js"></script>
|
|
<script>
|
|
// Notice startOnLoad=false
|
|
// This prevents default handling in mermaid from render before the e2e logic is applied
|
|
window.mermaidDefault = {
|
|
startOnLoad: false,
|
|
useMaxWidth: true,
|
|
// "themeCSS": ":root { --mermaid-font-family: \"trebuchet ms\", verdana, arial;}",
|
|
// fontFamily: '\"trebuchet ms\", verdana, arial;'
|
|
// fontFamily: '"Comic Sans MS", "Comic Sans", cursive'
|
|
// fontFamily: '"Mansalva", cursive',
|
|
fontFamily: '"Noto Sans SC", sans-serif'
|
|
};
|
|
mermaid.initialize(window.mermaidDefault);
|
|
</script>
|
|
</body>
|
|
</html>
|