11

与其他浏览器相比，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 的设计方式有点糟糕，但我刚刚获得了代码，所以我真的没有太多选择）

4

7 回答 7

6

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

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

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

  • 安代尔单声道
  • 宋体黑
  • 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）
  • 投石机（Gras，Italique，Italique Gras）
  • Verdana（Gras，Italique，Italique Gras）
  • 织带

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


作为旁注，这：

特别是 Ubuntu 上的一些字体/样式变得越来越大，依赖相同数量的换行符来保持对齐的文本列在 Ubuntu Firefox 上不再对齐。

绝对不是一个好习惯。

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

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

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

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

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

于 2009-08-02T13:10:33.753 回答
3

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

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

sudo apt-get install msttcorefonts

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

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

于 2009-08-02T13:08:22.753 回答
1

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

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

非常感谢 Pascel MARTIN 的提示！

于 2010-07-08T23:42:41.860 回答
0

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

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

于 2009-08-02T13:04:11.910 回答
0

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

例如这里解释

于 2009-08-02T13:08:55.720 回答
0

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

于 2009-08-18T13:28:08.773 回答
0

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

此处描述了以下字体设置并为我工作：

Fonts for: Western
Proportional: Serif, Size 16
Serif: Times New Roman
Sans-serif: Arial
Monospace: Courier New, Size 12
于 2012-12-17T13:38:09.190 回答