Garamond是否真的是一个网页安全字体?

21

Garamond在网页中真的是安全的字体吗?我能否使用它?我知道它不支持XP操作系统(Georgia是后备字体),但其他操作系统呢?它是否存在于Macs、新Windows和Linux中?

我知道我可以简单地使用@font-face,但如果我嵌入它,在Google Chrome中看起来相当丑陋。

编辑

好吧,如果我这样做

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

那么,这种方式会让网络浏览器首先检查是否已安装了 Garamond 字体,如果没有,则加载网页字体 EB Garamond,不会发生其他情况吗?


在Windows上,Chrome浏览器几乎所有字体看起来都很糟糕。 - Marcin
@Marcin Ha,我非常同意,Firefox相当不错。 - J D
6个回答

18

我不认为这是一种可以在所有电脑上安全使用的字体。你可以使用这种字体,并通过使用"font-family"指定另一个字体作为备选项。例如:

font-family:Garamond, Georgia, serif;

查看此处以获取更多关于网络安全字体的信息 -> http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html


是的,我曾经支持Georgia字体。我尝试使用谷歌版本的EB Garamond字体,但在Chrome上看起来很糟糕。 - J D
1
@Sam Garamond 是一种衬线字体。 - takeshin
@takeshin,你能回答一下我问题中的“EDIT”部分吗? - J D
@J D 为了澄清你的编辑问题,如果字体名称是由两个单词组成的,你应该始终使用单引号或双引号括起来,例如'EB Garamond'或"EB Garamond",否则你的代码是正确的。 - Michael Moriarty

7
除了非常短的列表,不应该指望每个人都在他们的电脑上拥有各种字体系列。
相反,试用Google WebFonts。实际上,使用左侧的搜索框查找它们的Garamond等效字体。适用于所有浏览器(包括旧版IE!)并且在任何地方都看起来很棒。
编辑
关于您的其他问题,是的,浏览器将按照您指定的顺序查找字体,因此如果用户计算机中有可用的Garamond,则将其放在“EB Garamond”之前会显示Garamond。

是的,我用了EB Garamond字体,但Chrome浏览器显示效果很糟糕,变得非常混乱。 - J D
1
你是在使用Windows吗?在Mac上,Chrome(以及所有其他软件)都显示出非常棒的字体。顺便说一下,你应该在包含空格的字体名称周围加上引号。我敢打赌,大多数浏览器会在没有引号的情况下找到它们,但为了避免万一,最好加上引号。 - Nick White

4
为了使字体在各个平台上以小字号一致地呈现良好,必须对其进行良好的提示 - 否则它将只在那些默认为非常柔和、轻微提示字体平滑处理的平台上看起来不错,比如 Mac - 而在 Windows 上会看起来很糟糕,因为 Windows 会应用最强的提示并尝试使它们看起来非常清晰,这确实需要字体内置良好的提示才能正常工作。
EB Garamond 是 Garamond 的免费复制品,具有令人印象深刻的字形范围,但几乎不关注屏幕渲染 - 因此它缺乏良好的提示,将确保在某些平台上,特别是 Windows 上的小字号看起来很糟糕。Vista/7/8 在某种程度上改善了字体渲染,但只在某些应用程序中使用,其他应用程序,特别是 Google Chrome,仍使用旧的字体渲染。编辑于2015年8月 - 这在 Google Chrome 中不再成立。
还有其他版本的 Garamond,可能最好的是 Adobe Garamond。作为商业字体,您需要特殊许可证才能将其嵌入网页中。一些字体铸造厂出售这些许可证,一些不出售 - 您只需要阅读他们的许可证 :) 但是,如果您得到了那个,您可能会发现它们提示更好。我不能保证(但某些字体商店将允许您在某些浏览器中查看浏览器呈现的字体预览)。
但是,如果您仅限于从 Google Web 字体中获取的免费字体,则对于正文文本,我会将 EB Garamond 排除在外,主要是因为这些问题。
也许首先指定“Adobe Garamond”,因为有些人可能拥有它,但然后退回到像 Constantia、Georgia 或只是“衬线体”之类的字体。请注意,Garamond 和 Constantia 具有轻描和小 x 高度,因此看起来比 Georgia 等更加“淡”。

2

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

2) 不建议在网页上使用Garamond。请参阅此文章:为什么你不应该在网页上使用Garamond

3) 推荐使用Georgia作为标题字体,Verdana作为正文字体。它们都是网页安全字体,并且被证明非常适合搭配使用。

如果您想继续使用EB Garamond,则可以根据Google Fonts的建议将其与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; }

1

你对于“网页安全字体”有什么定义?

如果你认为一个字体在所有电脑上呈现的方式都相同,那么答案是否定的——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字体API,您是指Cufon吗?我不太喜欢不可选择的文本。 另外,请回答一下我的问题中的“编辑”部分好吗? - J D

0

不,Garamond在所有电脑上都可用的意义上并不“网页安全”。没有字体是这样的。根据CodeStyle.org surveys的估计,Garamond在Windows上的覆盖率约为85%。它在其他系统上可能非常罕见。

将Georgia作为Garamond的备选字体听起来很奇怪,因为它们是非常不同的字体,只需查看包含它们的文本即可看到(请记得包括数字,它们非常不同)。

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


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接