如何将<字体大小=“10”>转换为 到 px?

发布于 2024-07-20 02:06:01 字数 262 浏览 6 评论 0 原文

我需要将 转换为 px。

仅示例(不正确): 相当于 12px。

是否有任何公式或表格转换可以将 转换为 px?

I need to convert <font size="10"> to px.

Example only(not correct): <font size="10"> is equivalent to 12px.

Is there any formula or table conversion out there to convert <font size="10"> to px?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(7

迷迭香的记忆 2024-07-27 02:06:01
<font size=1>- font size 1</font><br>
<span style="font-size:0.63em">- font size: 0.63em</span><br>

<font size=2>- font size 2</font><br>
<span style="font-size: 0.82em">- font size: 0.82em</span><br>

<font size=3>- font size 3</font><br>
<span style="font-size: 1.0em">- font size: 1.0em</span><br>

<font size=4>- font size 4</font><br>
<span style="font-size: 1.13em">- font size: 1.13em</span><br>

<font size=5>- font size 5</font><br>
<span style="font-size: 1.5em">- font size: 1.5em</span><br>

<font size=6>- font size 6</font><br>
<span style="font-size: 2em">- font size: 2em</span><br>

<font size=7>- font size 7</font><br>
<span style="font-size: 3em">- font size: 3em</span><br>
<font size=1>- font size 1</font><br>
<span style="font-size:0.63em">- font size: 0.63em</span><br>

<font size=2>- font size 2</font><br>
<span style="font-size: 0.82em">- font size: 0.82em</span><br>

<font size=3>- font size 3</font><br>
<span style="font-size: 1.0em">- font size: 1.0em</span><br>

<font size=4>- font size 4</font><br>
<span style="font-size: 1.13em">- font size: 1.13em</span><br>

<font size=5>- font size 5</font><br>
<span style="font-size: 1.5em">- font size: 1.5em</span><br>

<font size=6>- font size 6</font><br>
<span style="font-size: 2em">- font size: 2em</span><br>

<font size=7>- font size 7</font><br>
<span style="font-size: 3em">- font size: 3em</span><br>
玩物 2024-07-27 02:06:01

根据W3C

该属性设置
字体。 可能的值:

  • 1 到 7 之间的整数。这会将字体设置为某个固定大小,
    其渲染取决于用户
    代理人。 并非所有用户代理都可以呈现
    全部七种尺寸。
  • 字体大小相对增加。 值“+1”表示大一号。
    值“-3”表示三种尺寸
    较小。 所有尺寸均属于尺码
    1 到 7。

因此,您要求的转换是不可能的。 浏览器不需要使用具有特定 size 属性的特定尺寸。

另请注意,W3 不鼓励使用 font 元素,而是使用 样式表

According to The W3C:

This attribute sets the size of the
font. Possible values:

  • An integer between 1 and 7. This sets the font to some fixed size,
    whose rendering depends on the user
    agent. Not all user agents may render
    all seven sizes.
  • A relative increase in font size. The value "+1" means one size larger.
    The value "-3" means three sizes
    smaller. All sizes belong to the scale
    of 1 to 7.

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.

野の 2024-07-27 02:06:01

使用已接受答案中的数据点,您可以使用多项式插值来获得公式。

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 代码中使用:

import java.math.*
def convert = {x -> (0.00223611*x**6 - 0.053042*x**5 + 0.49632*x**4 - 2.30479*x**3 + 5.5164*x**2 - 6.167*x + 3.14).setScale(2, RoundingMode.HALF_UP) }
(1..7).each { i -> println(convert(i)) }

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:

import java.math.*
def convert = {x -> (0.00223611*x**6 - 0.053042*x**5 + 0.49632*x**4 - 2.30479*x**3 + 5.5164*x**2 - 6.167*x + 3.14).setScale(2, RoundingMode.HALF_UP) }
(1..7).each { i -> println(convert(i)) }
未央 2024-07-27 02:06:01

仅当没有定义字体大小时,字体大小到 em 的映射才是准确的,并且当容器设置为不同大小时会发生变化。

以下内容最适合我,但它不考虑 size=7 并且任何高于 7 的内容都只会呈现为 7。

font size=1 = font-size:x-small
font size=2 = font-size:small
font size=3 = font-size:medium
font size=4 = font-size:large
font size=5 = font-size:x-large
font size=6 = font-size:xx-large

在此处输入图像描述

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.

font size=1 = font-size:x-small
font size=2 = font-size:small
font size=3 = font-size:medium
font size=4 = font-size:large
font size=5 = font-size:x-large
font size=6 = font-size:xx-large

enter image description here

计㈡愣 2024-07-27 02:06:01

一般来说,您不能依赖固定的字体像素大小,用户可能会缩放屏幕,并且默认值并不总是相同(取决于屏幕的 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.

等待我真够勒 2024-07-27 02:06:01

这确实很旧,但是 大约是

This is really old, but <font size="10"> would be about <p style= "font-size:55px">

眼波传意 2024-07-27 02:06:01

这个问题不能那么容易回答。 这取决于所使用的字体和每英寸点数 (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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文