跨浏览器的一致字体大小(Web开发)

在创建网页时,我们如何跨浏览器实现一致的字体大小.我"font-size: 11pt; font-family: Helvetica,'Lucida Grande'"在CSS中使用了类似的东西,但在Firefox,IE,谷歌Chrome和Safari中的文字看起来不同(甚至在不同的平台上也没有).基本上在运行Windows Vista的同一台机器上,我在不同的浏览器下获得了不同的外观和感觉.

如何解决这个问题,以便所有不同浏览器上的文本大小相同.

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

http://meyerweb.com/eric/tools/css/reset/

http://developer.yahoo.com/yui/reset/

对于字体大小单位,请使用px(像素)而不是pt(点).然后你将处理像素大小.

但请注意,具体取决于您的网站使用方式.由于"硬编码"字体大小导致网站上的可访问性问题已经在美国提起过诉讼(在美国).

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

对于主体文本,您不需要.有些人想要更大的文字,这样他们就可以更容易地阅读; 克服自己的危险.使用相对字体大小,例如'em'或'%'.

对于需要文本大小以匹配像素大小的屏幕元素的少量表示文本,请使用"px"单位.不要使用'pt' - 只对打印有意义,它会在屏幕上查看时或多或少地随机调整大小.

您仍然无法获得完全相同大小的文本,因为不同平台的字体不同 - 当然Lucida Grande和Helvetica看起来非常不同.