Ubuntu Firefox的呈现方式不同

与其他浏览器相比,Ubuntu上的Firefox似乎渲染了一些HTML。 特别是Ubuntu上的一些字体/样式变得更大,依靠相同数量的换行符保持alignment的文本列不再与Ubuntu Firefoxalignment。

我已经给了一些在iWeb中制作的HTML,并且它在除了Ubuntu上的Firefox之外的所有主stream浏览器上正确显示。 (在Windows上的Firefox工作正常)

我在Ubuntu上运行Firefox 3.0.12,并且closures了Ubuntu Firefox Modifications附件。

什么可能导致与Ubuntu的Firefox这个有问题的差异?

更新:我发现,本地存储在我自己的机器上的HTML副本实际上呈现正确alignment的列,但是当在线查看时,它变得不alignment。

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

更新2:列问题,似乎至less有两个问题。 一个是,iWeb将其中一列分成两个代码块,并放在另一列的代码中。 一旦我确定每个列是由一个连续的代码块创build,并删除了一些现在冗余的div,在Ubuntu上的alignment方式好得多,但并不完美。 这些更改似乎不影响其他浏览器上的呈现。

用Firebug挖掘,似乎我可以通过删除所有相关文本的字体大小属性完全解决Ubuntu上的问题。 然而,这又打破了所有其他浏览器的一致性 – 现在我又回到原点了。

(是的,我知道,HTML的devise方式是不好的做法,但我刚刚给了代码,所以我没有太多的select)

也许这是因为字体在Windows和Linux上没有以相同的方式处理? 或者,也许在Windows上使用的字体没有安装或Ubuntu机器?

这个“问题”似乎并不局限于Firefox:谷歌搜索了一下,例如,我发现那些和OpenOffice相同的帖子。

在jaunty中有一个名为ttf-mscorefonts-installer ,它应该可以帮助你:安装字体如下:

  • Andale Mono
  • Arial黑色
  • Arial(Gras,意大利,意大利Gras)
  • 漫画Sans MS(Gras)
  • 新信使(Gras,Italique,Italique Gras)
  • 格鲁吉亚(格拉斯,意大利,意大利格拉斯)
  • 碰撞
  • Times New Roman(Gras,Italique,Italique Gras)
  • Trebuchet(Gras,意大利面,意大利面)
  • Verdana(Gras,意大利,意大利Gras)
  • Webdings

(对不起,我的系统是法文的;“gras”的意思是“大胆的”;你可能猜到“italique”的意思是“italic”^^)

作为一个旁注,这个:

特别是Ubuntu上的一些字体/样式变得更大,依靠相同数量的换行符保持对齐的文本列不再与Ubuntu Firefox对齐。

肯定不是一个好的做法。

您遇到未安装字体的问题(可能); 但是一个用户把他的浏览器设置为:

  • 要么缩放特定网站的字体
  • 或者定义一个最小的字体大小?

这几乎可以在任何浏览器中完成 – 不仅仅是Firefox或者Linux …

有些人这样做 – 我这样做:我的眼睛并不完美(也不是那么糟糕) ,而且我发现有时很难阅读的字体太小,所以我通常在Firefox中设置最小的字体大小。 是的,它破坏了一些网站上的设计:-(

如果我这样做,我想我不是唯一的一个:互联网上有越来越多的老年人,他们的眼睛有麻烦,例如…
例如,我的祖父最近有一台电脑, 我不得不把他的屏幕分辨率设置为19x液晶显示屏上的1024×780分辨率,最大字体大小的窗口,这样他就可以读取了…而且是的,这使得每个使用他电脑的人几乎都会哭泣^^但这是唯一的他可以阅读的方式

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

不幸的是,Ubuntu没有很多字体。 有一个名为msttcorefonts包含多个Microsoft字体的软件包。 你可以使用下面的方法安装

 sudo apt-get install msttcorefonts 

但是,如果用户没有所需的特定字体,他们将看到不同的页面。

我会建议你不要让你的设计太依赖于字体。 但是,如果这是必要的,那么可以考虑其他渲染文本的方式(比如使用Javascript,如果是标题)。

我在使用Firefox中的Ubuntu表格单元格内呈现文本输入元素(使用jQuery UI自动完成)时遇到同样的问题。 在IE 7和8,Chrome浏览器,Safari浏览器,Firefox 3.6中表格完美无瑕地呈现,而Ubuntu上的Firefox浏览器却无法呈现。 精氨酸。

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

非常感谢Pascel MARTIN的提示!

你是否在Windows上使用相同的版本?

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

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

这里举例说明

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

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