Question

我正在尝试在个人网站上以等宽字体呈现代码。以下CSS样式适用于桌面浏览器（和Android版Firefox），没有问题，但在Chrome for Android上失败：

.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在Chrome for Android上正常运行，但这样做会导致我无法在桌面操作系统上使用特定字体。

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

作为参考，样式文件为here。

Answer 1

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

Answer 2

现在可以在更新到Chrome 30后运行。毕竟看起来像浏览器错误...

Answer 3

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

worked对我来说是

@import url('https://fontlibrary.org/face/dejavu-sans-mono');

.monospace {
  font-family: 'Dejavu Sans Mono', monospace;
  font-variant-numeric: tabular-nums lining-nums;
  font-kerning:none;
}

Monospace CSS无法在Chrome for Android中使用

3 个答案: