Question

与其他浏览器相比，Ubuntu上的Firefox似乎渲染了一些HTML。特别是Ubuntu上的一些字体/样式变得越来越大，并且依赖于相同数量的换行符以使它们保持对齐的文本列不再在Ubuntu Firefox上对齐。

我已经获得了一些在iWeb中制作的HTML，它可以在除Ubuntu上的Firefox之外的所有主流浏览器上正确显示。（Windows上的Firefox工作正常）

我在Ubuntu上运行Firefox 3.0.12，并且关闭了Ubuntu Firefox Modifications插件。

在Ubuntu上使用Firefox可能导致这种有问题的差异？

更新我发现在我自己的机器上本地存储的HTML副本实际上会使列正确对齐，但在线查看时它会变得不对齐。

我已经尝试安装Microsoft字体包，但这没有帮助。

更新2： 随着列问题，似乎至少有两个问题。一个是iWeb将其中一个列分成两个代码块，并将其放在另一个代码的代码周围。一旦我确定每个列是由一个连续的代码块创建的并删除了一些现在冗余的div，那么在Ubuntu上的对齐效果要好得多，但并不完美。这些更改似乎也不会影响其他浏览器的呈现。

使用Firebug，我似乎可以通过删除所有相关文本的font-size属性来完全解决Ubuntu上的问题。然而，这会破坏所有其他浏览器的对齐 - 现在我又回到原点。

（是的，我知道HTML的设计方式有点不好，但我刚给了代码所以我没有多少选择）

Answer 1

也许是因为在Windows和Linux上不能以相同的方式处理字体？或者您在Windows上使用的字体可能没有安装或Ubuntu机器？

这个“问题”似乎并不局限于Firefox：谷歌搜索，我发现帖子与OpenOffice的说法相同。

在jaunty中有一个名为ttf-mscorefonts-installer的软件包可以帮助解决这个问题：它安装了以下字体：

Andale Mono
Arial Black
Arial（Gras，Italique，Italique Gras）
Comic Sans MS（Gras）
Courier New（Gras，Italique，Italique Gras）
格鲁吉亚（Gras，Italique，Italique Gras）
影响
Times New Roman（Gras，Italique，Italique Gras）
Trebuchet（Gras，Italique，Italique Gras）
Verdana（Gras，Italique，Italique Gras）
Webdings

（抱歉，我的系统是法语;“gras”的意思是“粗体”;你可能猜到“italique”的意思是“斜体”^^）

作为旁注，这是：

特别是一些字体/样式 Ubuntu变得越来越大依赖于平等的文本列保留它们的换行符数量对齐不再对齐 Ubuntu Firefox。

绝对不是一个好习惯。

您遇到的问题是未安装的字体（可能）;但是将浏览器设置为：

的用户呢？

缩放特定网站的字体
或定义最小字体大小？

这几乎可以在任何浏览器中完成 - 不仅是firefox还是Linux ......

而且有些人这样做 - 我这样做：我的眼睛并不完美（也不是那么糟），而且我发现太小的字体有时难以阅读，所以我通常设置一个最小的字体Firefox中的大小;并且，是的，它在某些网站上销毁了设计： - （

如果我这样做，我猜我不是唯一一个：互联网上有越来越多的老人，他们的眼睛有麻烦，例如......
例如，我的祖父最近有一台电脑;我不得不在他的19p液晶屏上将屏幕分辨率设置为1024x780，并且在窗口中设置最大字体，以便他可以阅读......是的，这使得每个使用他的电脑的人几乎都会哭... ^但它是唯一的他能读懂的方式......

Answer 2

很可能是字体问题。如果浏览器找不到样式表中包含的字体，它将用它认为合适的字体替换它。

不幸的是，Ubuntu没有很多字体。有一个名为msttcorefonts的包，其中包含多个Microsoft字体。您可以使用以下方式安装它：

sudo apt-get install msttcorefonts

但是，如果您的用户没有您需要的特定字体，他们会看到该页面不同。

我建议你不要让你的设计过于依赖字体。但是，如果这是必要的，请考虑其他渲染文本的方法（例如，如果它是标题，则使用Javascript）。

Answer 3

我在使用Ubuntu中的Firefox的表格单元格中渲染文本输入元素（使用jQuery UI自动完成）时遇到了同样的问题。该表在IE 7＆amp; 8，Chrome，Safari，Firefox 3.6中完美呈现，但在Ubuntu上没有在Firefox中呈现！精氨酸。

我能够为文本输入元素设置内联style="font-size: 11px"来解决问题。虽然它将字体大小从12px缩小到11px（几乎不可察觉），但我能够得到一个在Ubuntu上无法在Firefox中调整的表格单元格。仍在上述浏览器中呈现！

非常感谢Pascel MARTIN的提示！

Answer 4

您在Windows上使用的是同一版本吗？

您可以尝试以安全模式启动FF或创建其他用户个人资料。

Answer 5

一个不错的人。
幸运的是，解决方案应该很简单：在您的机器上安装MS字体......

Explained here for example

Answer 6

我安装了MS字体，但Ubuntu jaunty中的Firefox 3.0.13仍然以不同的方式显示许多网站。而在Joomla的情况下！我的网站：http://imagewize.net错误的方式。顶部菜单搜索框和contac us按钮相互重叠。在Windows Firefox 3.0和3.5中没有问题。 Windows上的IE6或Safari也没有问题。确实很奇怪。

Answer 7

Firefox在Linux / Ubuntu中确实呈现不同的字体，因为缺少Microsoft TrueType字体，并且因为默认字体设置不同。有许多步骤可以减少这个问题。首先，正如其他人所说，使用

安装Microsoft TrueType字体（Arial，Trebuchet MS）很有用。

sudo apt-get install ttf-mscorefonts-installer

然后调整Firefox中的字体设置很有帮助，即打开Firefox，选择

Edit >> Preferences >> Content >> Fonts & Colors - Advanced

以下font settings are described here并为我工作：

Fonts for: Western
Proportional: Serif, Size 16
Serif: Times New Roman
Sans-serif: Arial
Monospace: Courier New, Size 12

Ubuntu Firefox渲染方式不同

7 个答案: