3

我正在使用这个众所周知的技巧来使等宽字体使用与比例字体相同的字体大小：

code, kbd, tt, pre, samp, textarea {
  font-size:1em;
  font-family: monospace, monospace;
}

因为默认是让浏览器使用较小的尺寸来表示等宽，而不同的浏览器使用不同的尺寸，所以这个技巧是一种让不同浏览器看起来更相似的方法。

但是，我刚刚发现这在大多数 Android 浏览器上都不起作用！显然，monospace, monospace在基于 Chrome 的移动浏览器中被认为是一个错误，它们使用默认的比例字体代替。（火狐没问题。）

那么，有人知道解决方法吗？我尝试了类似的变体monospace, serif，但这也不起作用。

4

2 回答 2

0

我的测试表明，如果您的字体系列堆栈中有Courier或（或两者）在某个地方，那么您现在可以在 Android 上使用 Chrome 。"Courier New"您也可以添加其他字体并以 结尾monospace，但显然您至少需要其中一种。没有它们，您将获得更小的字体大小font-family: monospace，或者您将根本无法获得等宽字体font-family。叹。

我使用 browserstack.com 对 Galaxy S7 和 Nexus 6 的屏幕截图进行了测试，我在后来的手机上遇到了客户投诉。据推测，这将在某一天在 Android 上的 Chrome 中得到修复。

于 2021-08-05T05:12:11.573 回答
-1

查看 Google Monospace 字体：https ://fonts.google.com/?category=Monospace 。直接在您的网站上使用这些。monospace将尝试使用系统定义的等宽字体。

于 2019-11-15T09:59:16.157 回答