【问题标题】:System fonts for windows, custom fonts for mac -- using Google fonts APIwindows的系统字体,mac的自定义字体——使用谷歌字体API
【发布时间】:2012-03-08 06:55:36
【问题描述】:

我之前看到过类似的问题,但没有找到明确的答案。

客户希望为标题使用特定字体,因为它是其徽标的一部分。他们对正文复制的系统字体很好。自定义字体在 Windows 中渲染得非常可怕(没有抗锯齿)。我已经阅读了很多关于这个问题的内容,并且我知道它与 Windows 呈现类型的方式有关,并且解决方案似乎总是“只使用更好的字体”——一种针对屏幕优化的字体,具有更好的提示,等等呜呜呜……

但我正在尝试弄清楚是否有一种方法可以继续为其他所有人使用自定义字体,但向 Windows 查看器提供系统字体。是否有与条件 cmets 等效的 CSS(例如 <!--[if lt IE 7 ]-->),我可以使用它来为 Windows 指定不同的字体堆栈?

我知道最简洁的解决方案是使用适合所有人的字体,但这不是这个项目的选择。

编辑添加:有问题的字体是 Ruda:http://www.google.com/webfonts/specimen/Ruda

【问题讨论】:

  • 这是什么字体很重要。似乎还有一个关于 logo 的误解:logo 是对公司或品牌名称的特定渲染,以类似图像的方式使用,通常在网页上实现为图像。那么他们真的希望他们的标志字体用于标题吗?这更不会破坏徽标的想法。
  • 我使用过 Google 字体,没有遇到您描述的问题。但是,要回答您的问题 - 我认为您可能无法使用 jQuery browser detection 方法为 Windows 浏览器添加一个类,然后您可以使用该特定类覆盖样式。

标签: css api fonts


【解决方案1】:

您可以使用 javascript 来检测操作系统,然后将标题元素的类替换为使用系统字体的类。这是一个很好的浏览器检测教程:

http://www.quirksmode.org/js/detect.html

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-11-22
    • 2011-12-30
    • 2022-01-19
    • 2012-05-04
    • 1970-01-01
    • 2023-04-02
    • 2021-09-08
    • 2010-09-17
    相关资源
    最近更新 更多