什么是CSS中<font size ="X">的最佳替代品？

Question

我正在更新一个使用字体标签的旧网站,以使用CSS.旧的HTML使用数字字体大小(1-7),如下所示:

<font size="4">Some text</font>

什么是等效的CSS大小(以px,em等),对于这些传统的字体标签大小？

Answer 1

来自W3C

http://www.w3.org/TR/html4/present/graphics.html#edef-FONT

size = cdata [CN]已过时.

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

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

你可以清楚地看到这个尺寸相当于尺寸 large or x-large .. etc

解释:

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

<font size="7"> 就像你用过一样 font-size: -webkit-xxx-large;

更新:

我认为我第一次不错时就错了(尽管它们的工作方式相似).请看更新:)

Answer 2

xx-small,x-small,small,medium,large,x-large,xx-large 一组绝对大小的关键字,基于用户的默认字体大小(中等).类似于用户默认字体大小的表示HTML.

/* <absolute-size> values */
font-size: xx-small  
font-size: x-small /* <font size="1"> */
font-size: small /* <font size="2"> */
font-size: medium /* <font size="3"> */
font-size: large /* <font size="4"> */
font-size: x-large /* <font size="5"> */
font-size: xx-large /* <font size="6"> */
font-size: -webkit-xxx-large; /* <font size="7"> */

参考

• CSS font-size - Mozilla开发:https://developer.mozilla.org/en-US/docs/Web/CSS/font-size