30

我需要转换<font size="10">为 px。

仅示例(不正确):<font size="10">相当于 12px。

是否有任何公式或表格转换可以转换<font size="10">为 px?

4

7 回答 7

42
<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>
于 2009-05-04T07:25:02.170 回答
15

根据W3C

此属性设置字体的大小。可能的值:

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

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

另请注意,fontW3 不鼓励使用元素,而支持样式表

于 2009-05-04T07:19:15.663 回答
5

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

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

导入 java.math.*
def 转换 = {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)) }
于 2010-03-25T16:40:29.030 回答
2

字体大小到 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

在此处输入图像描述

于 2015-11-10T17:32:14.040 回答
1

一般来说,您不能依赖字体的固定像素大小,用户可能正在缩放屏幕并且默认值并不总是相同(取决于屏幕的 DPI 设置等)。

也许看看这个(像素到点)和这个链接

当然,您可以将字体大小设置为 px,这样您就可以知道字体实际是多少像素。如果您确实需要固定布局,这可能会有所帮助,但这种做法会降低您网站的可访问性。

于 2009-05-04T07:14:42.210 回答
0

这真的很旧,但<font size="10">大约 <p style= "font-size:55px">

于 2013-10-04T06:26:55.843 回答
-1

这不是那么容易回答的。这取决于使用的字体和每英寸点数 (ppi)。应该给出问题的概述。

于 2009-05-04T07:18:57.707 回答