html – 将字体标记(大小属性)转换为css

概述参见英文答案 > How to convert <font size=“10”> to px?                                    8个 我如何转换font标签的size属性： <font size="3">Example</font> 去css？例如 .example{ font-size: ?px;} 换句话说,size属性指的是多少像素？ 这不是一个简单 参见英文答案 > How to convert <font size=“10”> to px?8个
我如何转换Font标签的size属性：

<Font size="3">Example</Font>

去CSS？例如

.example{ Font-size: ?px;}

换句话说,size属性指的是多少像素？

解决方法 这不是一个简单的问题,真正的答案是IT DEPENDS.

请注意,HTML大小不是实际大小,而是某种随机大小. SIZE属性允许您将字体设置为1到7之间的抽象大小.与这些值对应的确切类型大小留给浏览器.例如,你无法确定SIZE = 4会给你12点字体;你只知道SIZE = 4会大于SIZE = 3.

因此,您在一个浏览器中看到的12px在另一个浏览器中将是13px或14像素.有一个非常interesting test made by SO user Eugene Yokota,您可以看到转换为em的字体的近似渲染：

<Font size=1>- Font size 1</Font><br><span >- Font size: 0.63em</span><br><Font size=2>- Font size 2</Font><br><span >- Font size: 0.82em</span><br><Font size=3>- Font size 3</Font><br><span >- Font size: 1.0em</span><br><Font size=4>- Font size 4</Font><br><span >- Font size: 1.13em</span><br><Font size=5>- Font size 5</Font><br><span >- Font size: 1.5em</span><br><Font size=6>- Font size 6</Font><br><span >- Font size: 2em</span><br><Font size=7>- Font size 7</Font><br><span >- Font size: 3em</span><br>

但这仍然是某种主观的,当然不回答固定(像素)问题.但是,您可以使用上表转换为像素作为指南：

Font=1: 10pxFont=2: 13pxFont=3: 16pxFont=4: 18pxFont=5: 24pxFont=6: 32pxFont=7: 48px

现在,问题是,一旦你的像素排成一行,你真的不必担心,所以只要你定义类似“Font-size：12px”的东西,所有的浏览器都会(应该)渲染一个12px高的字体

如果您对浏览器之间的字体大小标记呈现之间的差异感兴趣,您可以查看此link with may examples

总结

以上是内存溢出为你收集整理的html – 将字体标记(大小属性)转换为css全部内容，希望文章能够帮你解决html – 将字体标记(大小属性)转换为css所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。