4

我正在尝试在我的个人网站上以等宽格式呈现代码。以下 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在 Chrome for Android 上正常工作，但这样做，我失去了在桌面操作系统上使用特定字体的能力。

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

作为参考，样式文件在这里。

4

3 回答 3

0

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

于 2013-09-27T15:47:07.520 回答
0

它现在在更新到 Chrome 30 后可以工作。毕竟看起来像一个浏览器错误......

于 2013-10-25T14:12:35.127 回答
0

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

对我有用的是：

@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;
}
于 2020-11-16T12:55:39.240 回答