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

如果我理解正确,它应该已经继承默认的用户代理样式,但是如果您想显式地指定一个字体系列(从stackoverflow样式表中获取的样式)

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

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

您也可以使用标准通用 font-family: monospace 但是要小心——有一些 严峻的 Chrome、Safari和任何基于WebKit的产品都有副作用(很遗憾)。

见:

• http://webkit.org/blog/67/strange-medium/
• http://archivist.incutio.com/viewlist/css-discuss/103606

只需使用单空格字体。例如:

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

CSS将是:

#mytextarea {
    font-family: monospace;
}

如果要使用特定的单空间字体,可以但不要忘记在末尾添加通用的“单空间”,以防用户没有安装首选字体:

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

textarea
{
font-family: monospace;
}

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

textarea
{
font-family: monospace !important;
}