强制双倍宽度 unicode 符号在 Markdown 或 CSS 中使用双倍宽度

Question

我想控制双宽 unicode 字符的视觉宽度，例如 Github 风味 Markdown 中的LARGE ORANGE SQUARE ； 使用 Markdown 代码或 Html/CSS。

例如，请参阅以下 Markdown 代码部分，它在 MacOS（Chromium 105、MacOS 12.6，截至 2022 年 9 月 27 日）中错误呈现 Brave 中的字符串：

                        1 3 5 7 9
single width reference  ↓ ↓ ↓ ↓ ↓
double width unicode    🟪🟫🟩🟪🟫🟩🟪🟫🟩
double width reference  ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑
                        1 2 3 4 5 6 7 8 9

双宽字符超出了等宽网格，因此不能在这样的地方安全地使用，例如用于画框或游戏渲染。

字符在系统终端中渲染得很好，例如 iTerm2 或下图所示的 VSCode 终端。

因此，这似乎是 Markdown/CSS/Html 问题，可能与网站使用的 fonts 和一般浏览器有关。

问题

1. 如何完全控制 Markdown 代码部分中此类 unicode 字符串的宽度？
2. 是否有其他解决方法可以使其至少在 Github 上工作？