<mermaid>
flowchart LR
web([Frontend])
subgraph platform [Cloud Platform]
api([API Server])
db[(Database)]
api --> db
end
web -->|HTTPS| api
</mermaid>
If you install the latest https://oj-hn.com , you can see it rendered inline here. $ echo 'flowchart LR
web([Frontend])
subgraph platform [Cloud Platform]
api([API Server])
db[(Database)]
api --> db
end
web -->|HTTPS| api' | npx box-of-rain --mermaid
╔══ Cloud Platform ════════════════════╗
║ ║
╭──────────╮ ║ ╭────────────╮ ╔════════════╗ ║
│ │ ║ │ │ ║ ║ ║
│ Frontend │ ─── HTTPS ──▶│ API Server │ ────▶║ Database ║ ║
│ │ ║ │ │ ║ ║ ║
╰──────────╯ ║ ╰────────────╯ ╚════════════╝ ║
╚══════════════════════════════════════╝Had to give the Dead a little nod here
Seems like maybe there are some universal half-width characters that can be used.
But... I'm encountering a similar issue on both Chrome and Firefox on Leenucks. I guess it's possible you don't see the problem on your Mac because both these browsers use the OS to do font rendering.