Unverified50% confidenceFactExact time
Mermaid's SVG output embeds text as <text> elements and specifies a font that may not exist on the rendering server (e.g. "trebuchet ms", verdana, sans-serif).
1
Sources
50%
Confidence
Long-term
Relevance
10/19/2026
First Seen
Sources
Related Entities
Related Claims
UnverifiedInstalling fonts-dejavu-core in the Dockerfile and setting Mermaid's fontFamily to "DejaVu Sans, sans-serif" can fix the problem of SVG text being invisible in most consumers.77% similarUnverifiedMermaid 底层基于 JavaScript 实现，通过解析类似 Markdown 的 DSL，调用 D3.js 等可视化库在浏览器端动态渲染 SVG 图形68% similarUnverifiedBecause SVG elements exist in the DOM, title, desc tags, and WAI-ARIA attributes such as aria-label can be added, allowing screen readers to convey role information to visually impaired users, making SVG superior to raster formats in terms of accessibility.65% similarUnverifiedMany non-browser consumers (such as Slack, Discord, GitHub Markdown renderers, email clients and Notion) use simplified SVG rendering engines that may not support font fallback, causing text in missing fonts to be invisible.65% similarUnverifieddiagram-design can draw 44 chart types, outputs an HTML file with a single inline SVG, supports redrawing Mermaid, draw.io, and Excalidraw source files, and includes a guided step to extract colors and fonts from the user's website.61% similar
Cite This Claim
Stable URI
https://kongchang.com/claim/1069766API
curl https://kongchang.com/api/v1/knowledge/claims/1069766MCP
get_claim(id=1069766)