Monospace CSS不适用于Android的Chrome浏览器

我试图在我的个人网站上的monospace中呈现代码。以下CSS样式在桌面浏览器（以及Android版Firefox）上正常工作，但在Android版Chrome上失败：

.code{
字体系列：Consolas、“信使新”、“解放Mono”、monospace；
背景色：#f0；
}

添加Droid Sans Mono无助于：

.code{
字体系列：“机器人无单声道”，控制台，“信使新”，“解放单声道”，单声道空间；
背景色：#f0；
}

简单地使用

font-family:monospace

在Chrome for Android上正常工作，但这样做，我就失去了在桌面操作系统上使用特定字体的能力

如何让代码在Android上以单间距字体显示，而不丧失在其他平台上使用特定字体的能力？我不想使用答案中建议的自定义字体，我只想使用系统提供的等距字体

---

作为参考，样式文件是。

Chrome无法通过指定名称来访问Droid Sans Mono，monospaced已经直接映射到Droid Sans Mono字体。

它现在在更新到Chrome 30后工作。毕竟看起来像是浏览器错误…

可以在web浏览器设置中修改默认的monospace字体。它还取决于所使用的操作系统。 为了确保结果一致，您需要加载自己的字体

对我来说：

@导入url（'https://fontlibrary.org/face/dejavu-sans-mono');
.单空间{
字体系列：“Dejavu Sans Mono”，monospace；
字体变量数字：表格格式nums，衬nums；
字体紧排：无；
}

2018年不适用于我：这是Android（Firefox和Chrome）上的屏幕盖：请注意，供将来参考。我的解决方法是使用Adobe的，它具有所有字符（包括我需要的方框图）。也应该有效。