Unverified50% confidenceSolutionExact time
Installing 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.
1
Sources
50%
Confidence
Long-term
Relevance
10/19/2026
First Seen
Sources
Related Entities
Related Claims
UnverifiedMermaid'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).77% similarUnverifiedMermaid 底层基于 JavaScript 实现，通过解析类似 Markdown 的 DSL，调用 D3.js 等可视化库在浏览器端动态渲染 SVG 图形62% 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.58% 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.57% similar
Cite This Claim
Stable URI
https://kongchang.com/claim/1069772API
curl https://kongchang.com/api/v1/knowledge/claims/1069772MCP
get_claim(id=1069772)