如何将<字体大小=“10”>转换为 到 px?
我需要将 转换为 px。
仅示例(不正确): 相当于 12px。
是否有任何公式或表格转换可以将 转换为 px?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
我需要将 转换为 px。
仅示例(不正确): 相当于 12px。
是否有任何公式或表格转换可以将 转换为 px?
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(7)
根据W3C:
因此,您要求的转换是不可能的。 浏览器不需要使用具有特定
size
属性的特定尺寸。另请注意,W3 不鼓励使用
font
元素,而是使用 样式表。According to The W3C:
Hence, the conversion you're asking for is not possible. The browser is not required to use specific sizes with specific
size
attributes.Also note that use of the
font
element is discouraged by W3 in favor of style sheets.使用已接受答案中的数据点,您可以使用多项式插值来获得公式。
WolframAlpha 输入:
插值多项式 {{1,.63},{2,.82}, {3,1}, {4,1.13}, {5,1.5}, {6, 2}, {7,3}}
公式:
0.00223611x^6 - 0.0530417x^5 + 0.496319x^4 - 2.30479x^3 + 5.51644x^2 - 6.16717x + 3.14
并在 Groovy 代码中使用:
Using the data points from the accepted answer you can use polynomial interpolation to obtain a formula.
WolframAlpha Input:
interpolating polynomial {{1,.63},{2,.82}, {3,1}, {4,1.13}, {5,1.5}, {6, 2}, {7,3}}
Formula:
0.00223611x^6 - 0.0530417x^5 + 0.496319x^4 - 2.30479x^3 + 5.51644x^2 - 6.16717x + 3.14
And use in Groovy code:
仅当没有定义字体大小时,字体大小到 em 的映射才是准确的,并且当容器设置为不同大小时会发生变化。
以下内容最适合我,但它不考虑 size=7 并且任何高于 7 的内容都只会呈现为 7。
the font size to em mapping is only accurate if there is no font-size defined and changes when your container is set to different sizes.
The following works best for me but it does not account for size=7 and anything above 7 only renders as 7.
一般来说,您不能依赖固定的字体像素大小,用户可能会缩放屏幕,并且默认值并不总是相同(取决于屏幕的 DPI 设置等)。
也许看看这个(像素到点)和< a href="http://style.cleverchimp.com/font_size_intervals/altintervals.html" rel="nofollow noreferrer">此链接。
当然,你可以将字体大小设置为 px,这样你就知道字体实际有多少像素。 如果您确实需要固定布局,这可能会有所帮助,但这种做法会降低网站的可访问性。
In general you cannot rely on a fixed pixel size for fonts, the user may be scaling the screen and the defaults are not always the same (depends on DPI settings of the screen etc.).
Maybe have a look at this (pixel to point) and this link.
But of course you can set the font size to px, so that you do know how many pixels the font actually is. This may help if you really need a fixed layout, but this practice reduces accessibility of your web site.
这确实很旧,但是
大约是
This is really old, but
<font size="10">
would be about<p style= "font-size:55px">
这个问题不能那么容易回答。 这取决于所使用的字体和每英寸点数 (ppi)。 这应该给出问题的概述。
This cannot be answered that easily. It depends on the font used and the points per inch (ppi). This should give an overview of the problem.