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

一样

就像您使用font-size: large ;

一样

就像您使用font-size: x-large ;

一样

就像您使用font-size: xx-large ;

一样

就像您使用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 Development: https://developer.mozilla.org/en-US/docs/Web/CSS/font-size

Answer 3

批准的规范中没有定义的映射。 HTML规范没有说明中的值是什么意思;它们只是依赖于浏览器的大小比例（并且可以全部映射到单个大小）。同样，CSS规范没有将font-size关键字值的含义定义为HTML术语中的绝对大小或。

正在进行中的HTML5 CR建议使用特定的mapping，但它没有定义xxx-large的CSS副本;它只是将它描述为一个值“这里使用的非CSS值表示字体大小比'xx-large'大50％”。

查找映射通常没用。对于可能依赖于font size的某些特定值的旧版网页，请让它们成为。尝试对它们进行现代化是没有意义的，例如：通过从表示HTML切换到CSS。对于新页面，关键问题是字体大小适合您的需求，对于它们，您最好完全忘记。

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

3 个答案: