我在玩一个显示ascii/ansi艺术标志的网站，所有的东西在桌面浏览器中看起来都很好。
然后我想看看它是否能在移动设备上工作，但这里的空格似乎宽度不对。
网站上显示ascii艺术的部分用一个<div>包装，具有以下css属性：
line-height:1em;
color: #ff791a;
white-space: pre !important;
font-size: 0.7vw;
margin: 20% 50% 0 0;
font-family: 'Druid San Mono',courier, monospace, monospace;
width: 100%;
height: 100px;
我试过几种不同的字体，比如“Druid Sans Mono”，Monospace（也是Monospace，Monospace Hack），“Courier”和“Roboto Mono”，但都没有成功。
我还尝试使用
nbsp而不仅仅是空格。改变字母间距似乎也没有达到我想要的效果。
有什么诀窍能让它起作用吗？
你可以在这里看到这个网站disconnected.tech
最佳答案
结果在google字体中some gliphs are missing。
解决方法是adobe的Source Code Pro，它包含所有字符（包括我需要的box drawing）。Mononoki也应该有效。
我包括直接从Adobe，而不是通过谷歌字体：https://adobe-fonts.github.io/source-code-pro/source-code-pro.css
可以告诉google字体在其精简的源代码pro（text=parameter）中包含所有必要的字符。