Css 跨浏览器的一致字体大小（web开发）

在创建网页时，我们如何在浏览器之间实现一致的字体大小。我在CSS中使用了类似于

“font-size:11pt；font-family:Helvetica，'Lucida Grande'”

，但在Firefox、IE、Google Chrome和Safari中，文本看起来有所不同（甚至不在不同的平台上）。基本上，在运行WindowsVista的同一台机器上，我在不同的浏览器下获得了不同的外观和感觉

如何解决这一问题，使文本的大小在所有不同的浏览器上显示相同。

使用像素（px）而不是点（pt）作为字体大小单位。然后，您将处理像素大小

---

然而，要注意，这取决于你的网站是如何使用的。在美国，由于字体大小的“硬编码”，网站的可访问性问题引起了诉讼

您需要使用CSS重置来尝试在所有浏览器中获得一致的行为

---

这不是一个答案，因为有很多方法可以满足你的需要，但我对它们不是很精通。从框架通常提供的“重置”开始，然后继续

让设计具有足够的灵活性通常更容易、更聪明，这样浏览器之间的微小差异就不会发挥太大的作用

创建网页时，我们如何在浏览器之间实现一致的字体大小

对于主体文本，您不需要。有些人想要更大的文本，这样他们可以更容易地阅读；挡他们的路，后果自负。使用“em”或“%”等单位的相对字体大小

对于需要文本大小以匹配屏幕上像素大小元素的少量呈现文本，请使用“px”单元。不要使用“pt”-这只对打印有意义，当在屏幕上查看时，它或多或少会随机调整大小

---

您仍然无法获得完全相同的文本大小，因为不同平台的字体不同，Lucida Grande和Helvetica的外观当然也不同。

通过这两种设置，您可以获得完全相同的字体外观：

font-size: 70%; // better than px

line-height: 110%; // required to make line heights the same

---

测试：IE9、Firefox、谷歌Chrome同意。在过去的两年里，我一直使用reset.css来规范化。雅虎的基础，字体和重置都是一个伟大的方式开始一个网站。我发现我的CSS实现了我的目的。+1它还真的很好，你可以准确地知道一个em是多少，你甚至可以用一个简单的公式计算从em到像素的值；但是你的网站仍然可以让那些在bobince的评论中忽略字体大小+1的人访问。“挡着他们的路，后果自负”。危险的范围从愤怒的用户到起诉用户：应该使用em而不是px。我认为这些诉讼一定是因为免责声明的字体太小，这是唯一可能发生这种情况的方法（即使在美国这样的国家…）。特别是如果使用通过@font-face添加的自定义字体，这也不是解决方案。重复，请参阅：或