android - Monospace CSS 在 Android 版 Chrome 中不起作用

Question

我正在尝试在我的个人网站上以等宽格式呈现代码。以下 CSS 样式适用于桌面浏览器(和适用于 Android 的 Firefox)没有问题，但在适用于 Android 的 Chrome 上失败:

.code {
    font-family:Consolas,"Courier New","Liberation Mono",monospace;
    background-color:#F0F0F0;
}

添加 Droid Sans Mono 没有帮助:

.code {
    font-family:"Droid Sans Mono",Consolas,"Courier New","Liberation Mono",monospace;
    background-color:#F0F0F0;
}

只需使用 font-family:monospace在适用于 Android 的 Chrome 上正常工作，但这样做，我失去了在桌面操作系统上使用特定字体的能力。

如何让代码在 Android 上以等宽字体显示而不会失去在其他平台上使用特定字体的能力？我不想使用 this question 的答案所建议的自定义字体，我只想使用系统提供的等宽字体。

供引用，样式文件为 here .

Answer 1

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