面临 Ubuntu 14.04 中浏览器字体渲染的问题。Ubuntu 显示较大的字体。Arial 字体,大小为 16px,在 Windows 7 中显示为 17px。
Firefox Windows 7 中的页面(字体 16px):
Firefox Ubuntu 中的页面(字体 16px):
由于字体显示较大,菜单会崩溃。最后一个菜单项移到了第一个菜单项下方。如果设置 15px,则所有内容都会正常显示,这是应该的。此问题存在于 chrome 和 Firefox 中。
安装了微软字体。浏览器中未安装任何扩展(ff 中只有 Firebug)。100% 缩放。最近安装的操作系统,未编辑任何配置文件。屏幕分辨率相同。问题出现在 Firefox 和 Chrome 中。
可能存在什么问题以及如何解决?
答案1
使用不依赖于浏览器如何呈现字体的方法。也许是<div>
具有固定width
属性的元素。