【问题标题】:font is not the same in Linux FF and in Windows FFLinux FF 和 Windows FF 中的字体不一样
【发布时间】:2010-07-23 20:08:32
【问题描述】:

请查看此截图!

alt text http://img267.imageshack.us/img267/1391/difference.png

这是 Linux FF(左侧)和 Windows FF(右侧,在 IE 中以相同方式显示)中的相同页面。我喜欢它在 Linux FF 中的外观,并希望在 Windows 中具有相同的外观。然而,在使用了我所知道的所有 CSS 属性之后,我并没有设法改变它在 Windows 中的外观。您是否偶然知道此问题的任何解决方案?

【问题讨论】:

  • 您使用的是哪种字体?它是否存在于您的 Windows 框中,还是回退到另一种字体?
  • 宋体,14px,#898989。是的,我认为它存在。我可以在字体列表中看到它,当我尝试替换 Arial(我有 font-family:Arial,Sans-serif)时,它实际上变成了另一种字体(到 sans-serif)。所以我猜那是宋体。

标签: css windows linux firefox fonts


【解决方案1】:

以防万一:作为网页设计师,您无法控制您的网站在用户浏览器上的显示方式。打印和 PDF 非常适合此目的,而不是网络 :)

Cleartype 是否在 Windows 上激活?这极大地改变了显示,并且用户决定是否激活此功能:如果他不喜欢抗锯齿,你会通过强制我们在左侧看到的渲染来惹恼他!

您还可以更改字体系列中的字体堆栈并添加 Arial 以外的其他字体。

【讨论】:

  • 注意:ClearType 是一种特定类型的字体平滑,您可以在 Windows 中使用字体平滑而不使用 ClearType。
  • 谢谢,这确实解决了问题。它在 Linux 中看起来仍然更好,但使用 Cleartype 我认为它现在在 Windows 中已经足够好了。您是否偶然知道此设置的默认值是什么?是否知道此设置通常处于开启或关闭状态?
【解决方案2】:

您无法决定用户字体的外观。字体的确切选择以及是否抗锯齿是客户端设置。一些(可怕的 luddites,IMO)更喜欢像素化的外观。在任何情况下,Linux 都可能使用相似的后备字体(例如“Sans”)而不是 Arial 本身,因此它永远不会看起来完全相同。

要在 Windows 中为大多数字体(在所有应用程序中,而不仅仅是 Web 浏览器中)打开抗锯齿功能,您需要 enable ClearType。如果没有 ClearType,Windows 的抗锯齿是旧的损坏的“字体平滑”选项,对于大多数字体来说太差了,以至于 Windows 不喜欢使用它。 ClearType 渲染与 Linux 将使用的抗锯齿不太一样;通常它只在水平方向抗锯齿。所以再一次,它看起来不太一样,但至少对于拉丁字母来说,它通常被认为是相当不错的。

如果你真的很想从服务器端推送它,你可以使用@font-face 规则嵌入一个字体,该字体的 GASP 表被黑客攻击以始终使用抗锯齿(使用 ttfgasp.exe 或字体编辑)。然而,对 Arial(或者实际上大多数没有开放许可证的字体)这样做在技术上是不合法的。

【讨论】:

    【解决方案3】:

    通过在 Windows 中激活字体平滑,您可以轻松获得相同的外观(或至少相似)。但是,您不能使用 CSS 激活它。

    字体平滑在较新版本的 Windows 中默认启用,因此许多访问者会看到它,就像您在 Linux 系统上看到的一样。

    这是一个用户设置,应该是这样。每个用户都应该能够在他/她的显示器上选择最适合他/她的平滑设置。

    如果您绝对希望每个用户的文本在 Linux 系统上看起来都像,那么您唯一的选择就是将其设为图像。

    【讨论】:

      【解决方案4】:

      Windows和Linux的不同版本,甚至字体渲染系统的不同设置,都会产生不同的字体渲染结果;在第一种情况下,LCD 的亚像素优化的抗锯齿明显被激活,而在第二种情况下,甚至没有启用抗锯齿。

      要在 Windows 上获得更好看的字体渲染,您应该启用 ClearType。无论如何,这都是客户端设置,而 AFAIK 你不能从 HTML 为它们做任何事情——而且你不能这样做,如果用户不喜欢抗锯齿,你不应该弄乱他的设置。

      【讨论】:

        猜你喜欢
        • 2014-03-12
        • 2011-03-31
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-03-23
        • 1970-01-01
        • 2013-04-05
        • 1970-01-01
        相关资源
        最近更新 更多