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

标签 html css fonts

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

最佳答案

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

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

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

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

关于html - 等宽字体中字符的字体大小和宽度之间有什么依赖关系?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19113725/

相关文章:

javascript - 如何获得与 CSS 媒体查询检查相同的宽度

javascript - 子 iframe 中的事件到父窗口中的处理程序

javascript - 删除键 将焦点移动到上一个输入字段

fonts - 三JS : Converting fonts from otf and ttf to json

macosx 字体上的 HTML 签名

javascript - 需要获得一个滑动 div 以留在页面上的同一位置(包括 JSFiddle)

html - 列表定位不配合

html - 如何用css准确定位div

javascript - 在其他列表的基础上填充列表

fonts - Google 字体无法正常工作,出现错误 "No ' Access-Control-Allow-Origin' header is present on the requested resource”