Google 宣布 他们新的 字体 API 昨天,包括一个 字体目录 和 预览工具。 他们与 TypeKit 合作,构建并 开源 WebFont Loader。

我非常喜欢他们的做法。 您只需从 Google 直接链接 CSS,然后在 CSS 中引用字体名称。 非常容易 - 在 此演示 上查看源代码。
为什么要这样做? 这不只是 @font-face 吗? 是的,它只是 @font-face,您可以在没有 Google 帮助的情况下自己完成。 但是,它有一些优势
- 带宽节省(权重在 Google 上)
- 缓存速度(在多个站点上使用相同的字体,浏览器缓存就会启动)
- 总体速度(Google 的 CDN 比您的站点更快)
加载额外的 CSS 文件是一个额外的 HTTP 请求,但您可以 直接链接字体文件。 您可能还想下载字体并创建自己的 SVG 版本,因为 Google 样式表没有提供,因此 不支持 iPhone/iPad。
那么什么是 WebFont Loader? 它是一段 JavaScript 代码,用于处理字体的加载。 使用它是完全可选的,但它提供了一些优势。 例如,Firefox 会在 @font-face 字体加载之前显示字体堆栈中的更下一级的字体,然后在 @font-face 字体准备就绪时切换到 @font-face 字体,从而导致回流和一些奇怪的现象。 这被称为 FOUT(无样式文本闪烁)。 WebFont Loader 可以帮助解决这个问题 - 请参阅 Paul 的文章。
Raph Levien 是一位字体设计师,也是 Inconsolata 字体的创建者。 Raph 也在 Google 字体 API 团队工作。 我采访了他,问他一些关于所有这些的问题……
*Chris: Google 为网站构建者做了很多很棒的事情,包括一些非常消耗带宽的事情。 例如,我们可以 直接链接 到 Google CDN 上托管的 JavaScript 库。 我最后不想得了便宜还卖乖,但我知道有时会让人感到好奇,Google 的目的何在? 毫无疑问,这将使网页字体更快,那么是否只是更快网络对 Google 有利? 或者 Google 会收集一些对他们有用的分析数据?
Raph: 这都是为了让网络更快、更丰富,惠及所有人。 我们不会收集任何关于网页字体请求的个人信息,只是以较粗略的级别汇总日志,以便我们可以跟踪性能和字体的总体受欢迎程度。
与 AJAX 库(例如我们的 WebFont Loader)一样,这项服务的优势之一是,许多不同的站点可以链接这些字体,并且它们都将共享浏览器缓存 - 只有第一个站点会触发网络下载。
*Chris: 如果最糟糕的情况发生,字体 API 出现一些停机时间,使用这些字体的站点会发生什么? 浏览器会向下查找字体堆栈并选择一个备用字体,还是会发生其他情况?
Raph: 是的,它会使用备用字体。 这只是 CSS,因此设计师可以完全控制字体堆栈,如果您希望更细粒度的控制,也可以使用 WebFont Loader 库 - 例如,您可以在字体无法加载时触发 JavaScript 代码以更改 CSS。 我们还将与所有主要的浏览器供应商合作,以改善用户的网页字体体验。
*Chris: 看到您的团队与 TypeKit 合作,真是很有趣。 这是怎么发生的?
Raph: TypeKit 一直在开拓道路,使网页字体能够为更广泛的受众所用。 我们已经认识这个团队有一段时间了(事实上,Jeff Veen 以前在 Google 工作过),所以与他们谈论我们正在做的事情是很自然的。 我们认为我们开源字体的收藏非常棒,但为了获得更广泛的专业设计字体,我们希望让人们能够轻松升级。 我们还一直在与其他主要的字体供应商合作,包括 Ascender。
*Chris: 许多免费/开源字体为其创建者提供了一种宣传其更强大、非免费字体集的方式。 您是否认为这对 Google 字体目录来说是一个障碍,因为它可能会成为一个故意提供有限字体的仓库? 或者会对这种事情进行审查?
Raph: 到目前为止,我们收到了非常积极的反馈。 人们出于各种原因贡献开源字体,其中一个原因绝对是为了创造更多知名度,并为销售专有字体带来更多流量。 许多人只是喜欢创建字体。 无论出于何种原因,我相信我们会看到源源不断的高质量字体。 但专业字库永远会有更多高质量字体的选择。
感谢 Raph 接受快速采访! 请告诉我你们对此有何感想。 我认为这对网页字体来说是一个巨大的胜利,虽然我认为(也希望)所有最好的字体仍然会保留在 TypeKit 等付费服务上。 网页字体还有很长的路要走。 显然,Windows 上仍然存在一些 问题,而且 如果问题不是一个,就是另一个。
不错的采访。 不过我对此表示怀疑。 使用这种技术(顺便说一句,很棒),越来越多的网站将依赖 Google。 我认为这可能会有负面影响。
如果以这种态度,您的站点/客户的站点是否不会因为加载漂亮的字体而导致速度变慢,或者因为只能读取使用网页安全字体的博客而遭受损失? 为什么要因为您“对此表示怀疑”而让他们受苦?
我会在它能对内容产生影响的地方拥抱它。
它非常易于使用,以至于任何竞争方法都必须比它更容易,或者至少与它一样容易,所以这只能是一件好事。
或者因为只能读取使用网页安全字体的博客而遭受损失
受苦? 因为只能阅读用 Ariel、Verdana 或 Georgia 渲染的博客而经历的所有痛苦和磨难!
让我们面对现实,花哨的字体是为设计师准备的,至少 95% 的用户并不关心(或者注意不到)使用的是什么字体,只要他们能读懂页面上的内容就行。
“受苦”,这有点儿调侃的意思。
你说得对,Verdana 和 Georgia 确实有点儿过头了!
Ariel 就够了!
实际上,“Arial” 就够了(不是《小美人鱼》)。 对不起 - 我忍不住要调侃一下。
过去我一直依赖 Google 链接来使用 jQuery,而且它曾经出现过故障。 但我认为能够嵌入独特的字体非常值得。 只要确保您的站点在 Arial、Verdana、Georgia 等字体中看起来不错即可……
我并没有什么大的“疑虑” - 但我确实同意,越来越多的网站依赖 Google,这可能是这个项目获得批准的主要原因。 更多网站依赖 Google 只会让 Google 在某种抽象意义上成为一个更有力的实体。 他们更有能力,他们并没有强迫我们做任何事情。
完全同意。
疯狂的是,Google 拥有一个真正意义上的免费网络内容百科全书,从他们的 AJAX 库到自定义搜索工具,我非常支持它。
人们很难理解,如何能够一边使用 Google 的免费服务,一边又排斥这些努力。
我们很快就忘记了 AOL 时代和“封闭”的互联网体验。
免费和开放内容简直棒极了。 谢谢,Google!
这仅仅是开始。谷歌能看到比其他人更远的未来。当然,他们并没有强迫。他们一直在努力发展技术来帮助他人。
我欢迎谷歌字体 API。从速度、资源库、标准……来看,它有很大的潜力。
我也担心完全依赖谷歌。虽然理论上看起来不错,但我对一家组织控制数据流感到不安。这很方便,但我内心的阴谋论者感到不安。谷歌成为网络垄断者的可能性增加了,这可能会对创新和竞争产生不利影响。我知道这很极端,但我就是有点偏执。
话虽如此,目前的字体目录有点有限。但是,我认为随着时间的推移它会不断发展。与 Cufon 或 Typekit(不免费)相比,使用它的唯一真正优势是它托管在谷歌上,因此我思考的负担减轻了。我想看看字体目录将如何扩展。
“谷歌成为网络垄断者的可能性增加了”
完全不正确。正如他所说,你可以声明一个备用字体,你就完成了。如果谷歌*明天*关闭,Arial、Garamond 等字体仍然安装在电脑上。使用谷歌来做这件事没有任何坏处,就像使用谷歌来做 jQuery 一样。它可以加速你的网站。
从长远来看,它并不能真正加速你的网站,但它仍然需要额外的 HTTP 请求以及至少 2 次域名查找。这可能相当繁琐,这就是为什么我决定从自己的服务器加载 jQuery 和其他组合脚本的原因。
字体 API 需要一种在你的服务器上使用的方式,也许 Chris 可以再写一篇关于这方面的教程?
“…这可能会对创新和竞争产生不利影响。”
好吧,我同意竞争方面,因为我们不想再出现另一个 IE 的情况。至于对创新的不利影响:你实际上在一句话中将谷歌和不利的创新结合在一起了。我需要再多说吗?为了节省评论,我实际上觉得我必须说:我认为谷歌实际上是网络创新的关键驱动力。他们发明了很多东西,优化了很多东西,并且记录了他们在源代码中输入的每一个括号。我认为将谷歌称为对创新的潜在不利因素,就像说我们应该将 IE6 作为开发网络应用程序的标准一样。
“这都是为了让网络更快更丰富,让每个人都能受益。”
谷歌真是太棒了。
太棒了,终于有更多字体可以用于网页浏览器,而不会累死我!这太重要了。
哇,这很有趣 - 很高兴看看它会走向何方 :)
确实。我一直对在我的网站上尝试自定义字体犹豫不决。我想在我的个人网站上添加一两个。
你觉得怎么样,一点 League Gothic 和 Chunk5?可能不在那个部分,而且肯定不适合放在一起 =O)
另一个了解互联网用户的技巧?:-)
Raph 说他们只是在“粗略”级别解析服务器日志,例如,看看哪些字体很受欢迎。我相信这一点,因为你只是在这里热链接 CSS,没有使用任何技术来跟踪访问者行为或任何类似的事情。
我知道,但没人知道…就像捷克共和国这里。谷歌正在为他们在布拉格的热门街景制作照片。但在这个过程中,他们秘密地从布拉格各地未加密的 Wi-Fi 网络收集数据,这是严重违法的。在这种情况下,我不再相信谷歌是为了更好的浏览体验而提供这种新的“很棒”服务…
为什么你的 Wi-Fi 网络没有加密?
同意 Slobodan 的观点。
@Tomas Varil:你正在加载一个 CSS 文件 (!)。不可能做任何其他事情,除了返回内容,而不是相反(它不是 javascript)。
你唯一可以*发送*的东西是你的 HTTP 标头(你使用的浏览器等),这些都是公开数据。
*我说是可以,因为如果你是一个伪君子,你可以(并且应该不遗余力地)安装所有你能找到的插件,这些插件可以用来搜索 (!) “http 引用”和 “http 标头”伪造,以避免谷歌知道你来自捷克共和国,并且使用 Chrome 作为你最喜欢的浏览器在 Windows XP 上,并在你的网站上使用 Google Analytics (!) 进行统计。
这看起来很有趣!
我最近一直在研究网页上的字体,之前使用过 Cufon,它基本上使用 javascript 将字体集成到你的网站中,但它存在版权问题,因此无法使用你 Mac/PC 上的许多标准字体。此外,这种方法不允许你选择文本进行复制粘贴等操作。
我研究的另一个是 sIFR,它使用 Flash 和 javascript,并且完全可以选择,不像 Cufon,并且可以解决与字体相关的版权问题。我现在已经开始使用它很多了,它工作得很好,唯一的缺点是与 Cufon 相比速度较慢,但仍然远远没有糟糕。
这个谷歌版本与 sIFR 相比如何?你可以使用任何字体并绕过版权问题吗?我可能需要自己深入研究一下,但总是对寻找最佳字体集成方案感兴趣,所以感谢你的分享 :)
谷歌的方法不是像 Cufon 或 sIFR 那样使用“图像替换”技术。它使用 CSS 的 @font-face 属性,所有主要浏览器都支持该属性。这种方法迟迟没有流行起来的原因之一是,大多数字体没有获得在网络上使用的许可。
谷歌所做的是创建了一个免费开源字体的资源库,他们将其托管在他们的内容交付网络上。
为了回答你的问题,你不能使用它来绕过版权问题。
我再次查看了这个库,到目前为止,选择不多,我还是可以坚持使用标准网页字体,并将 sIFR 用于任何花哨的字体,因为它是 SEO 兼容的,任何字体都可以使用,无论是否有版权问题。
也许几个月后,当更多字体被添加进来时,它可能成为首选。因为我相信人们会添加与大品牌字体 99% 相似的字体。
从原则上讲,这是很棒的。唯一让我担心的是,他们的字体库非常有限(目前),存在这样的风险,即大量的网站和博客都会使用谷歌提供的相同“漂亮”字体 - 话虽如此,我认为 99.9% 的网站目前都在使用 Arial 或 Verdana。
我认为当更多装饰性字体被更广泛地使用时,这种现象会更加明显。
实际上,我认为这是一个优势。使用特定谷歌提供的字体的网站越多,它就越有可能已经保存在访问者的浏览器缓存中。你*的*网站渲染得更快。
那界面与访问者的互动性呢?由于他们已经熟悉了这种字体,他们更有可能同意你的设计,因为他们需要更少的时间来适应你的界面,我们就可以获得新的访问者。我的观点基于“3 秒规则”,即在最初 3 秒内说服你的访问者,否则就会完全失去访问者。
是也不是。我不认为你经常需要一个非常独特的字体。对于页面标题,是的;对于普通文本,绝对不需要。
我喜欢它,它不是革命性的,而仅仅是让开源字体更广泛地使用 CSS 标准。
谷歌与 TypeKit 合作并采访 Chris 真是太酷了,他们显然很关心设计社区。如果没有网站管理员工具和 Google Analytics,我会完蛋的。
说真的,使用谷歌库会导致字体在页面第一次加载时“跳动”,我不喜欢这样。
那是 @font-face 的一个已知问题。但是,javascript 方法不应该出现这种“跳动”。
如果你仍然想要使用 link 标签,你应该隐藏你的内容,并在 DOM 准备就绪后将其显示。
也许知道用户口味会很有用,但另一方面,我们对科技太过沉迷,我想这是为了将一切掌握在手中(最终)所要付出的代价——更准确地说,是为了有机会将一切掌握在手中,任由我们支配。
只有我一个人觉得 Google 字体目录里的所有字体看起来都太像了,很容易用任何一个替换另一个吗?
在我看来,过度依赖任何一个实体都是不明智的。Google 离控制整个互联网只有两步之遥。这是朝着私有化迈出的伟大一步!
完全同意 :-)
如果你不喜欢这项服务,你应该完全不使用它,或者使用 Typekit 这样的付费服务。我建议你像使用 JS 一样使用它。确保你能够在没有它的情况下完成工作。
绝对。
在 Mac OS 10.5 上的 Safari 4.0.5 中,字体目录页面存在一个错误。 “Cardo” 字体出现了一种奇怪的“捉迷藏”错误,字母下半部分没有显示,然后经过一些滚动后,它又重新显示出来。奇怪。
你尝试过下载字体并在本地 HTML 页面中加载它吗?
Google 的好举。我目前并不害怕 Google,因为他们在迄今为止所做的一切中,都保持着完全透明,并遵循“不作恶”的格言。
你并不一定要使用这项服务,对吗?
@Jordan Walker:我看到你使用 Google Analytics,那不也是 Google 的另一项服务吗?
这是一件好事,像 Google 这样的大公司能够介入并帮助解决一个本应在很久以前就解决的问题,但由于竞争浏览器始终没有真正解决这个问题。
Tom。
对于 fonts.com 来说很痛苦,他们最近宣布了一项类似的技术。这些技术非常有用。我在 2010 年网页设计未来大会上看到了一个演示。
对于 fonts.com 来说太糟糕了,我可不想成为 Google 的竞争对手!
这没问题,因为我使用 Flash。
但对我的同事来说仍然有用。
我只是为 Flash 网站构建 HTML SEO 骨架。
所以我们可以怪你造成网络上所有糟糕的 Flash 重度网站?;)
等等,:P 实际上确实有一些人(奇怪的是)同意使用 Flash。
对于某些事情来说,是的。但几乎所有 *可以* 使用 html/js 完成的事情 *都应该* 使用 html/js 完成。我坚信一切 *都应该* 能够 “回退”。
这实际上是进行良好 SEO 的最实用方法,搜索引擎不会关心你的网站是否看起来很漂亮,只要网站中有适当的内容供其消化即可。我坚信要让网站在现代浏览器和像 Lynx 和 Opera mini 这样的浏览器中运行。实际上,要了解你的网站是如何向搜索引擎提供服务的,你应该偶尔启动一次 Lynx。一个好习惯是按优先级提供内容。我想要在这里实现的目标是,人们应该停止将菜单添加到页面的底部,然后在 CSS 中将其重新定位到顶部,如果这个菜单本来就应该在顶部的话。很多新的开发人员可能会遇到类似的情况,他们会说:“没有其他办法了”。他们错了,但我不会指责他们,而是鼓励他们学习如何真正正确地提供内容。
@encoder:欢迎来到 2010 年。
祝你好运,你需要同时维护两个网站(Flash 和 HTML 回退),并且无法链接到 Flash 页面中对用户友好、可书签且可被搜索引擎浏览的特定页面(以及搜索结果链接到 Flash 网站中的那个特定页面)。
拜托,尊重一下。Flash 不是内容管理系统。我们不是在视频编辑器中制作网站,对吧?我们不是从 Photoshop 中导出网站为 JPEG,对吧?我们不是在 Flash 中构建网站……对吧?
使用 Flash 进行增强(用于漂亮的东西,比如带有视频的透明叠加层,尽管这些东西也可以在 2010 年的 JavaScript 中完成),是一回事,但作为你的网站?不,抱歉。无法想象那样。
我真的很喜欢 Google 做的这件事。我赞赏像这样的开源努力,我认为 Google 站在我们这边。感谢 Chris 额外努力为这篇文章安排了这次访谈。我认为这有助于让我们对这件事稍稍放心,你不觉得吗?
很棒的文章。当 Google 收集更多字体时,我认为这将非常有用。
我不确定我对 Google 权力过大的问题有什么看法。竞争对我们来说非常重要,因为我们需要有选择,就像一个民主社会一样。
如果我们使用 Gmail、Analytics 等,他们已经拥有了我们所有的信息……所以我认为他们知道我们喜欢什么字体并不是什么大问题!;)
然而,互联网私有化的想法非常可怕,数字法案也一样。值得深思。
Windows 中存在一些主要的渲染问题需要解决。我运行的是 Windows 7,字体看起来很糟糕。希望他们能尽快修复这个问题!
你测试过不同的浏览器来支持它吗?
字体现在对其他人显示了吗?我在 Windows 上运行的是 Firefox 3.6.3,它们没有显示。我在 IE6 中测试,字体在那里显示了。
我还以为问题出在 FF 3.6 上,直到我开始解除 NoScript 中的网站阻止。当我解除对 google-analytics.com 的阻止后,字体就显示出来了。但奇怪的是,我能够再次阻止它,并且字体在页面重新加载后仍然显示出来了(可能是因为它们现在被缓存到我的浏览器中)。我猜测如果你想查看通过 Google 提供的这些字体,就需要 google-analytics.com。
不,你不能。我的 Flash 内容是高级的,我不做广告横幅,那些是给初学者用的,如果你看一下其中的一些,你会发现只有初学者才能以这种糟糕的方式做糟糕的东西。
我的目标是速度、渐进式内容下载、流畅性,以及……速度
我在旁边有一台破电脑来测试它。
从完整的 Flash 网站、导航,甚至带有实时结果的客户端处理搜索引擎。
有 Flash 新手,也有 Flash 开发人员。后者需要 1 年半的经验和 70k 行代码。
“后者需要 1 年半的经验和 70k 行代码。”
每个 .swf 文件 70k?哈哈
对我来说,这实际上并不多,但我猜这是因为 Flash 几乎都是用图形完成的。
70k 是我在两周内就能写完的代码量,这只是在完成我的工作。我不会因此而评判你,但那是 70k 行 ActionScript 代码吗?
我认为他指的是 70,000 行代码。
无论如何,我并不是贬低 Flash 本身——Flash 可以做很多很棒的事情——但我认为它不适合作为通用的网页工具。Flash 是专有的(尽管有免费播放器;你仍然需要下载并安装它们),并且与 HTML 和 JavaScript 相比,它相当沉重。如果你的浏览器不是最新版本,或者你的连接速度很慢,Flash 就意味着你无法使用该网站。
电影?游戏?可以。内容?绝不可能。HTML 的性能更好,而 jQuery 每天都在让更多像 Flash 一样的功能成为可能。作为奖励,如果你设计得当,即使用户禁用了 JS,仍然可以正常使用你的网站。
首先,我知道什么是 k,非常感谢你。
接下来是使用 Flash 的选项。我认为我们应该回到使用 Shockwave 制作游戏。这项技术实际上是为游戏而设计的,但在 Adobe 收购 Macromedia 后,它在某种程度上失去了关注。这项技术仍然存在并且是合适的。对于加载文本,你绝对不会使用 Flash。广播电台也是如此,它们只需要回到 embed 标签。这没什么问题。然后是流媒体电影。我实际上更喜欢使用视频标签,原因有几个。使用视频标签,你可以在不流式传输的情况下下载视频,因此带宽较低的人仍然可以观看视频。它也非常适合在局域网上制作电影播放器。我现在使用 VLC 服务器来管理它。其他所有事情都可以使用 JS 完成。即使是高端的交互式内容也可以使用 JS 完成。这需要一些时间来适应,但学习 Flash 也是如此。
抱歉 - 我不是指 “k”,而是指错字(“likes” 而不是我认为的 “lines”)。如果没有误解,我道歉。
不错的文章。看起来比 Cufon 更简单的替代方案。
谷歌还没有强迫我们做任何事,但要等到每个人都依赖他们......
我过去听到过一个对 @font-face 的反对意见,这个反对意见会随着谷歌使这个过程更容易而再次出现(或者已经出现),那就是业余爱好者会使用各种可怕的字体,仅仅因为他们认为这些字体很酷,这将在排版方面让我们倒退十年。
对此我想说:确实如此,但这不就像是在说,“哦,我们最好不要在网络上允许轻松发布图片,因为谁知道人们会发布哪些看起来糟糕、低分辨率、裁剪不当的照片!”
Adobe 让所有应用程序成为主流,而且越来越多的数码相机拥有不错的画质。你无法阻止你姐姐邻居的儿子为你叔叔制作一个网站,然后看到一份让你死三次的账单。
嗯...... 我想翻译中有些地方丢失了。
: )
我想说的是,你无法阻止每个傻瓜创建包含(甚至缺乏)HTML 标签的文件。
我猜到是类似的情况。我认为如果我用你的语言说(荷兰语,对吧?)会更好。
是的,没错。那么谁会理解我的意思呢?你总是可以要求我闭嘴。我个人从未收到过关于我的英语水平的任何投诉。如果真的那么糟糕,你可以直接告诉我。我希望在尝试解释某事时,尽可能少地受到限制,这样我就可以传达信息,而不会因为你们中有一半的人无法理解我的意思而错过一半的目标。
*less=few
你的英语非常容易理解。我认为这只是在英语中不适用的表达方式。
我仍然在 Firefox 中遇到 FOUT,还有其他人吗?
虽然我的母语是荷兰语,但我会做你的翻译。
“我仍然遇到错误,Firefox 没有加载任何字体。还有其他人遇到这个问题吗?”
好吧,我希望他们支持 https,因为我非常依赖它。
所以你实际上担心别人可能会拦截你使用的字体?我不明白。首先,你不应该害怕通过 HTTP 加载字体,其次,你可以创建一个爬虫,下载字体,并在你自己的域上使用 HTTPS 托管它们。问题解决了。
在 Win 7 上,字体别名像垃圾一样。:(
不错。我能够在一分钟内将其中一种字体添加到我的网站中。给它带来了一种略微不同的感觉...... 当然,直到每个人都开始使用它们为止哈哈。
感谢谷歌...... 更多无衬线和板式字体,谢谢!:)
这是一件好事,我昨天注意到了。
也许他们应该允许用户上传自己的字体......
OMG FonTube.com ;D
你可以为新字体提出建议。这实际上是管理字体的有效方法。库不应该过于臃肿。应该有一份精简的优质字体列表,而不是一长串“稍微有用”的字体。
我认为这会带来版权问题。谷歌无法承担检查每个提交的字体是否都已获得网络分发的许可的责任。
除非你说的是用户提交 **他们自己**(创作的)字体。
我得试试这个,听起来是个不错的选择。只是要谨慎选择字体,并确保为 iPhone/iPad/iPod 设置替代方案。
刚试了一下。绝对没有痛苦...... 即使对我来说也是如此;)。
感谢谷歌...... 以及感谢 Chris...... 我喜欢你的网站...... 非常有价值的信息......
我刚试了一下,看起来不错,非常容易使用,效果也很好。我看到这里有些人抱怨谷歌过于强大等等。退一步想想,也许是咖啡喝太多了哈哈(开玩笑),总得有人站出来帮助网页艺术家(就是我们)让东西看起来比 Arial 或 Times New Roman 好多了。这是我的观点。
祝一切顺利
我认为这是一个很棒的功能,随着库的不断扩展,它会变得更好。同时,花点时间下载谷歌字体,这样你就可以在 Photoshop 设计中使用它们 http://bit.ly/cHOP4n
嗨,Vince,
我刚读了你的评论,想向你推荐我们目前发布的简单 perl 脚本,用于下载所有可用的 Google Font API 字体。
http://www.firmennest.de/firmennest-blog/?p=648
祝一切顺利
你只需要在 CSS 文件中添加几行代码,就可以回退到现有的字体,因此你不必完全依赖谷歌字体。
感谢 Chris,
在过去的几天里,我使用 @font-face 加载服务器端字体,读完这篇文章后,我的问题将得到解决。
感谢这篇有帮助的文章。
感谢 Chris :-)
我很幸运能够成为第一批访问谷歌发布 Font API 的用户,但直到你的文章出现,我仍然对谷歌提供的这个新免费产品有很多疑问。
我不明白人们为什么会怀疑它,谷歌已经非常大了,仅仅凭这一点并不能让它变得更大或拥有更大的权力。
这是一项非常棒的服务,随着更多字体的提供,它只会变得更好。
如果/当谷歌崩溃时会发生什么?虽然不会很快发生,但最终,所有依赖这个庞然大物的网站都会随之崩溃。不胜感激。:-)
如果他们真的崩溃了,总还有可以回退的网络安全字体系列。或者希望网络浏览器会发展到接受大量字体,而不是现在的 6-12 个字体系列。
由于字体是免费的,我实际上可以看到 Linux 发行版和 Mac 在一段时间内将这些字体实现到本地机器上。
说实话,我对这个字体项目的理念感到兴奋。谷歌总是能做到最好。
很棒的采访!
我实际上对这个理念感到非常兴奋,谷歌不会因为这个而变得更大。我只想说,这是字体真正自由的一步。
这太棒了!这样网页设计就不用再把所有字体做成图片或使用 sIFR 了,打开了很多新的大门。
如果有人想要在 CMS 或 WordPress 中使用这个模块,我实际上已经做了一个:http://johmanx.com/webfonts.php
直接联系我吧!
我昨天试用了这个 API,发现说明有误。如果你只使用标准版本,那么一切正常,但如果你尝试添加 :b 或者其他字符来获取粗体、斜体等变体,就会出现问题。
不过,这并不重要。如果你删除了应该用来获取变体的额外部分,你仍然可以得到它们。
试一试,你就会发现它真的有效。
.lobster { font-family:Lobster, serif; font-size:20pt; }
.tangerine { font-family:Tangerine, sans; font-size:20pt; }
.yiddish { font-family:'Yanone Kaffeesatz', sans; font-size: 18pt; }
我难道不漂亮吗?
我不是橙子,我是一款免费字体
停止吹嘘了!
真是的
嗯,代码似乎不起作用。好吧,算了。
.lobster { font-family:Lobster, serif; font-size:20pt; }
.tangerine { font-family:Tangerine, sans; font-size:20pt; }
.yiddish { font-family:'Yanone Kaffeesatz', sans; font-size: 18pt; }
我难道不漂亮吗?
我不是橙子,我是一款免费字体
停止吹嘘了!
希望一切顺利
不,还是不行。好吧,算了。
我相信你们大多数人已经明白发生了什么事。
我确实想鼓励大家在其他人的评论上发表评论。即使我看起来不像是一个网页开发的新手,我也远远不如 Chris 厉害。也就是说,应该提高一下对发表评论和提出错误建议的恐惧。与其保持糟糕的设计习惯,不如提出一个错误的评论,然后被批评。
发表评论和收到评论的最佳部分是从中学习。即使我从发表评论中学到了很多东西。
我们是网络,我们决定今天和明天提供什么。如果我们团结一致,我们可以为我们所有人创造一个更好的地方,只要坚持我们的信念和最佳实践。
而且,不,我不会向你出售 CSS 圣经。
我认为我可能发现了一个解决 Windows 机器上的锯齿边缘 (走样) 问题的技巧。不过它只在 WebKit 中有效,所以我不知道它有多有用。
请在以下网址查看:http://willmoyer.com/plato/
很棒的举措。
我一直期待着这一天的到来。
如果你恰好使用 Drupal 作为你的 CMS,请查看 http://drupal.org/project/google_fonts,了解如何在你的网站中实现 Google 字体!
我认为 Google 字体 API 非常有前景,但我认为字体的视觉质量可以得到改进。你可以在以下网址查看 Google 字体 API 的额外评价:http://tips4php.net/2010/06/spice-up-your-site-with-google-font-api/
一款用来玩转 Google 字体 的小应用程序。
这很有趣……
太有趣了,它竟然在 IE 中运行……
嘿,Chris!
关于 Google 字体 API 是否以及何时会提供 SVG 的消息?我个人在很多项目中开始实施 Google 字体 API,然后才意识到它们在 iPhone/iPad 上无法运行。事实上,在某些情况下,会出现一些致命的 JS 代码,会导致移动 Safari 中 100% 可复现的浏览器崩溃。
我非常想放弃其他所有东西,直接将 Google API 导入到我的样式表中,但是不支持 SVG 导致我不得不默认使用 font-squirrel 的 @font-face。
有什么建议或更新吗?
@Falk - 我已经告诉过你,它是一个有用的链接,我想是在另一个网站上吧 :)