使网页上的每个字符具有相同的宽度

Question

是否有字体或CSS属性可以为每个字符提供相同的宽度而无需自己绘制(.ttf)？

Answer 1

CSS:

font-family: monospace;

HTML:

<tt>

Answer 2

Courier New怎么样？等宽？

http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

Answer 3

您可以选择任何免费提供的固定宽度字体并将其嵌入您的网站.

如果您不想在页面中嵌入字体,可以使用以下内容来获取任何等宽字体(固定宽度的另一个术语)字体:

font-family: "Courier New", Courier, monospace;

Answer 4

如果只需要数字使宽度相等，则可以使用font-variant-numeric: tabular-nums;。这对于为计数器设置动画非常有用。在Mozilla Web文档上阅读有关它的更多信息。

Answer 5

对于某些情况,使用pre标签(<pre>text</pre>)可能会满足您对等宽(固定宽度)文本的需求.它适用于HTML5 + Chrome(当前版本).该tt元素已弃用.

但是看起来<pre>标签只能包含被认为是" 措辞内容 "的标签.请参阅该标记的w3文档中的 " 内容模型 "部分.您可以单击该链接以查看哪些元素被视为"短语内容".当然,如果您不关心有效的HTML或跨浏览器兼容性,每个浏览器都可能支持更宽松的规范版本.