【问题标题】:Is Garamond really a web safe font?Garamond 真的是一种网络安全字体吗?
【发布时间】:2017-05-20 13:55:02
【问题描述】:

Garamond 真的是网络安全的吗? 我应该继续使用它吗? 我知道它在 XP 中不存在(Georgia 是后备),但是,其他操作系统呢?它存在于 mac、new windows 和 linux 中吗?

我知道我可以简单地做一个@font-face,但是,如果我嵌入它,它在谷歌浏览器中看起来很可怕。

编辑

好吧,如果我这样做了

@import url(http://fonts.googleapis.com/css?family=EB+Garamond);
html{font-family: Garamond, EB Garamond, Georgia, serif;}

请问,这样网页浏览器会先检查是否安装了 Garamond,如果没有,load 会加载网页字体 EB Garamond,否则不会发生这种情况?

【问题讨论】:

  • 每种字体在 Windows 上的 Chrome 上看起来都很糟糕。
  • @Marcin Ha,我同意这一点,但 firefox 相当。

标签: css font-face typography


【解决方案1】:

我不认为它是在所有计算机上都可以安全使用的字体。您可以使用字体并通过使用字体系列将另一种字体用作备份。比如这样:

font-family:Garamond, Georgia, serif;

更多关于网络安全字体的阅读请看这里 -> http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

【讨论】:

  • 是的,我支持乔治亚州。我尝试使用 Google 版本 EB Garamond,但在 Chrome 上看起来很糟糕。
  • @Sam Garamond 是衬线字体。
  • @takeshin 你能回答我问题的编辑部分吗?
【解决方案2】:

除了very short list,您不应该依赖每个人的计算机上都有各种字体系列。

请尝试Google WebFonts。事实上,使用左侧的搜索框找到他们的 Garamond 等价物。适用于所有浏览器(包括旧版 IE!)并且在任何地方看起来都很棒。

编辑

关于您的其他问题,是的,浏览器会按照您指定的字体顺序查找字体,因此如果在用户计算机上可用,将“Garamond”放在“EB Garamond”之前将显示 Garamond。

【讨论】:

  • 是的,我做到了,EB Garamond,但是 Chrome 搞砸了它,变得有点乱。
  • 我假设你在 Windows 上? Mac 上的 Chrome(Mac 上的一切)使字体看起来很棒。顺便说一句,您应该在包含空格的字体名称周围加上引号。我敢打赌,大多数浏览器都会在不带引号的情况下弄清楚,但以防万一。
【解决方案3】:

要使字体在小尺寸的平台上看起来始终如一,它必须得到很好的暗示 - 否则它只会在默认为非常柔和、轻微暗示的字体平滑的平台上看起来不错,比如 Mac - 而且它会在 Windows 上看起来很糟糕,这将应用最强的提示并尝试使它们看起来非常清晰,这确实需要字体中内置的提示才能很好地工作。

EB Garamond 是 Garamond 的免费复制品,它具有令人印象深刻的字形范围,但几乎不关注屏幕渲染 - 因此它缺乏体面的提示将确保它在某些平台上(尤其是 Windows)上的小尺寸看起来很糟糕。 虽然 Vista/7/8 在一定程度上改进了字体渲染,但它只在某些应用程序中这样做 - 其他应用程序,尤其是 Google Chrome,使用旧的字体渲染2015 年 8 月编辑 - Google Chrome 不再适用。

还有其他版本的 Garamond,恕我直言最好的可能是 Adob​​e Garamond。作为一种商业字体,您需要一个特殊的许可证才能将其嵌入网页中。有些字体代工厂出售这些,有些则不出售——你只需要阅读他们的许可证 :) 但如果你明白了,你可能会发现它们的提示要好得多。不过我不能保证(但某些字体商店将允许您在某些浏览器中查看浏览器渲染字体的预览)。

但如果您限制自己使用 Google 网络字体提供的免费字体,我会将 EB Garamond 排除在正文之外,主要是因为这些问题。

也许首先指定“Adobe Garamond”,因为少数人可能会这样,但随后会退回到 Constantia 等字体,然后是 Georgia,然后只是“serif”。请注意,Garamond 和 Constantia 的笔触较轻且 x 高度较小,因此看起来比 Georgia 之类的更“假”。

【讨论】:

    【解决方案4】:

    1) 不,Garamond 不是网络安全字体。

    2) 不建议在网络上使用 Garamond。见这篇文章:Why you don't use Garamond on the Web

    3) 建议:标题使用Georgia,正文使用Verdana。它们都是网络安全的,并且经过试验证明可以很好地协同工作。

    如果您想坚持使用 EB Garamond,Google 字体建议将其与 Lobster 配对。

    编写代码:

    @import url('https://fonts.googleapis.com/css?family=Lobster|EB+Garamond');
    h1, h2, h3, h4, h5, h6 {font-family: Lobster, cursive; }
    p {font-family: 'EB Garamond', serif; }
    

    【讨论】:

      【解决方案5】:

      不,Garamond 并不是“网络安全”,因为它可以在所有计算机上使用。没有字体。据估计,Garamond 在CodeStyle.org surveys 中在 Windows 上的覆盖率约为 85%。在其他系统上可能很少见。

      使用 Georgia 作为 Garamond 的后备听起来很奇怪,因为它们是非常不同的字体,正如您通过查看包含它们的文本所看到的那样(请记住包含数字,它们非常不同)。

      Georgia 在 Windows 和 Mac 上接近 99%,但在 Linux 上约为 70%,因此它也不是真正的浏览器安全。然而,要点是它是一种具有特殊特征的字体,通常不是一个好的后备字体。即使是通用的sans-serif 字体名称也可能是更好的猜测。

      【讨论】:

        【解决方案6】:

        您对网络安全字体的定义是什么?

        如果您认为一种字体在所有计算机上以相同的方式呈现时是网络安全的,答案是否定的 - Garamond 不是,并且没有其他字体是。

        您可以使用各种技术(例如 javascript 字体 API)嵌入 Garamond,但在所有计算机上它永远不会相同。

        您可以尝试创建一个网络安全的字体堆栈,考虑字体参数,例如x 高度。这样的事情应该可以正常工作:

        Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", Times, serif;
        

        无论您选择什么,请记住 Garamond 的 x 高度非常小,因此可以打印,但在屏幕上不太清晰。如果您决定使用它,请使用更大的font-size

        编辑

        JavaScript API 我的意思是使用诸如 Google Font API、TypeKit 之类的 API 或其他在 JS 关闭时不起作用的解决方案导入字体。那么你仍然需要字体堆栈,所以在这种情况下导入将无济于事。

        【讨论】:

        • 好吧,我真的不介意在各个平台上呈现的细微差别。 JavaScript Font API 是指 Cufon 吗?我不太喜欢不可选择的文本。另外,你能回答我问题的编辑部分吗?
        猜你喜欢
        • 1970-01-01
        • 2018-05-09
        • 1970-01-01
        • 2013-04-02
        • 1970-01-01
        • 2014-09-02
        • 2012-09-11
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多