如何将<font size =“10”>转换为px？</font>

Question

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

仅示例（不正确）：<font size="10">相当于12px。

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

Answer 1

<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>

Answer 2

根据The W3C：

  

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

     

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

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

另请注意，W3不鼓励使用font元素，而是style sheets。

Answer 3

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

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)) }

Answer 4

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

Answer 5

一般情况下，您不能依赖固定的字体大小，用户可能正在缩放屏幕，默认值并不总是相同（取决于屏幕的DPI设置等）。

也许看看this（像素到点）和this link。

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

Answer 6

这已经过时了，但<font size="10">约为<p style= "font-size:55px">

Answer 7

这不容易回答。这取决于使用的字体和每英寸点数（ppi）。 This应该对问题进行概述。