Ubuntu Firefox 呈现不同答案

【问题标题】：Ubuntu Firefox renders differentlyUbuntu Firefox 呈现不同
【发布时间】：2009-08-02 12:58:28
【问题描述】：

与其他浏览器相比，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 进行挖掘，似乎我可以通过删除所有相关文本的字体大小属性来完全解决 Ubuntu 上的问题。然而，这会破坏所有其他浏览器的对齐方式 - 现在我又回到了原点。

（是的，我知道 HTML 的设计方式有点糟糕，但我刚刚获得了代码，所以我没有太多选择）

【问题讨论】：

我不确定 Windows 上的 Firefox 版本是否相关，因为它可以在我尝试过的所有其他浏览器上完美呈现。
我也不确定，但是如果您使用的是 FF 3.5，也许这会导致问题...（对不起，我的英语不好，我希望您明白我的意思）。
听起来你的问题是你在 ubuntu 上的字体。你在网页中使用的是什么字体？
使用的主要字体是 Verdana 和一些 Arial。

标签： html firefox ubuntu iweb

【解决方案1】：

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

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

在 jaunty 中，有一个名为 ttf-mscorefonts-installer 的软件包应该对此有所帮助：它安装的字体如下：

安代尔·莫诺
宋体黑
Arial（Gras、Italique、Italique Gras）
Comic Sans MS (Gras)
新快递（Gras、Italique、Italique Gras）
格鲁吉亚（Gras、Italique、Italique Gras）
影响
Times New Roman（Gras、Italique、Italique Gras）
投石机（Gras、Italique、Italique Gras）
Verdana（Gras、Italique、Italique Gras）
织带

（对不起，我的系统是法语的；“gras”的意思是“粗体”；你可能猜到了“italique”的意思是“斜体”^^）

作为旁注，这是：

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

绝对不是一个好习惯。

您遇到了未安装字体的问题（可能）；但是如果用户将浏览器设置为：

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

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

有些人会这样做——我会这样做：我的眼睛并不完美（也没有那么糟糕），而且我发现有时字体太小难以阅读，所以我通常设置最小字体Firefox 中的大小；是的，它破坏了某些网站的设计:-(

如果我这样做，我想我不是唯一一个：互联网上有越来越多的老人，他们的眼睛有问题，例如......
例如，我的祖父最近买了一台电脑；我必须在他的 19p LCD 屏幕上将他的屏幕分辨率设置为 1024x780，并在 windows 中设置最大字体大小，以便他可以阅读......是的，这让每个使用他的电脑的人都几乎哭了 ^^ 但这是唯一的他的阅读方式……

【讨论】：

我的祖母总是在 17" 显示器上以 800x600 的分辨率跑步，所以我对此表示同情……不过这些都很好。

【解决方案2】：

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

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

sudo apt-get install msttcorefonts

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

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

【讨论】：

【解决方案3】：

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

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

非常感谢 Pascel MARTIN 的提示！

【讨论】：

【解决方案4】：

您是否在 Windows 上使用相同的版本？

您可以尝试在安全模式下启动 FF 或创建另一个用户配置文件。

【讨论】：

是的，我在问，他是在 Windows 上使用 Firefox 3.0.12 还是 3.5（也许可以解释奇怪的行为）

【解决方案5】：

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

Explained here for example

【讨论】：

最好设计网站，这样它就不需要用户这样做，如果可能的话。

【解决方案6】：

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

【讨论】：

【解决方案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

【讨论】：