使用 CSS 强制 HTML 文本区域使用单一空格字体

小开

最佳答案

如果我理解正确的话，它应该已经继承了默认的用户代理样式，但是如果您想显式地指定一个 font-family (从 Stackoverflow 样式表中截取的样式)

textarea {
font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}

首先指定更具体的(单一空间特定的)字体系列，如果用户代理没有可用的字体系列，它将一直尝试直到结束，在这种情况下，如果指定了默认的用户代理字体系列，它将默认为该元素的默认用户代理字体系列。

小开

只要使用单一字体，例如:

<textarea id="mytextarea"></textarea>

Css 是:

#mytextarea {
font-family: monospace;
}

如果你想使用一种特定的单一空间字体，你可以但不要忘记在最后加上一个通用的“单一空间”字体，以防用户没有安装你喜欢的字体:

#mytextarea {
font-family: 'DejaVu Sans Mono', monospace;
}

小开

你也可以使用标准的通用 font-family: monospace，但是要小心——在 Chrome、 Safari 和任何基于 WebKit 的浏览器中都有一些严重的副作用(很遗憾)。

参见:

小开

textarea
{
font-family: monospace;
}

您可能需要添加一个重要的，如果不工作

textarea
{
font-family: monospace !important;
}