html - 等宽字体中字符的字体大小和宽度之间有什么依赖关系？

Question

等宽字体中字符的字体大小和宽度之间有什么依赖关系？在我的网络应用程序中，我使用“courier new”字体。我想知道，字符串的实际长度(以像素为单位)是多少？如果我知道 css font-size 属性，它如何帮助我知道字符串的真正长度？谢谢

Answer 1

等宽字体中字体大小和字符(字形)宽度之间的依赖关系由字体设计者定义。

例如，在 Windows 7 上，Courier New 字体中字形的前进宽度为 1229 个单位。由于字体的高度为 2048 个单位，因此提前宽度非常非常接近字体大小的 60%，因此在 CSS 中，0.6em 将是足够的字形宽度出于所有实际目的。

在 Lucida Console 中，推进宽度几乎相同:1234 个单位。但另一方面，在 Consolas 中，它要小得多，只有 1126 个单位。

因此，结论取决于上下文，尤其是关于您的应用程序是否打算仅在特定字体可用的情况下运行(并且您的设置不会被用户覆盖)的问题。