谷歌引入了谷歌字体目录和字体API，这是一个免费的web服务，它允许站长能够轻松、便捷、有效地使用各种个性化字体。作为字体服务（主要有TypeKit, Typotheque）行业的新生力量，相信大家都很想挖掘谷歌字体API的潜力吧？那么就通过这篇文章深入挖掘它的魅力。

谷歌字体API为何物？

大家都经常上网，你们是否有看到过一些网站或博客上使用的非标准字体呢？所谓非标准字体是指除了互联网安全字体，如 Arial, Helvetica, Verdana, Georgia, Times New Roman之外的其他所有字体。

谷歌字体API就是一个支持高质量的开源字体文件的服务，你可以轻而易举地在自己的网站设计中使用这些字体。该字体库还会不断发展，将会有越来越多的字体类型可供你选择。

使用谷歌字体API的好处

1、可继续使用HTML文本

与使用图片或CSS背景图片不同，使用@font-face方案来美化web排版对 搜索引擎更加友好。

此外，它属于不冒犯性的解决方案，意味着说你不需要对现有的任何内容进行修改，只需要更新 CSS样式即可。
2、可通过互联网访问

由于你使用 HTML文本而不是一个图片或CSS背景，因此并不影响通过屏幕阅读的用户。
3、减轻你的服务器负担

使用@font-face字体，你可将服务器负担转到谷歌安全可靠的CDN设备中，减轻了你自己服务器的工作量，而通过谷歌服务器你完全可以不必担心这些字体文件的加载速度。

如何使用谷歌字体API

使用谷歌字体API非常简单，你无需成为一个互联网开发的代码高手。你只需在你的网页中从谷歌那里链接一个CSS式样文件并在自己的CSS定义中引用字体名即可。

下面是使用谷歌字体API的基本过程:

第一步: 添加所需字体的样式链接

你可以查看字体库来查看可用字体。在你的网站上加入某种字体的基本格式是这样的:

<link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Font+Name”>

第二步: 使用该字体给HTML元素定义式样

下面的例子，是通过使用 font-family CSS属性给<h1>元素分配一个叫做“ Font Name” 的字体。

h1 {font-family: ‘Font Name’, serif;}

如果你只需使用该字体一次，你可以使用内联样式：

<p style=”font-family: ‘Font Name’, serif” >Six Revisions Is Beautiful</p>

第三步: 始终有个备份方案

上面的代码你可能也发现了我使用了serif 来作为后备的字体，这样做是为了以防万一。 也就是说万一谷歌的服务器出现什么状况，浏览器将会使用默认的Serif字体。 建议在使用font-family 属性时，无论是否是 @font-face字体，都养成这样的习惯，这通常叫做字体的堆叠。

请求使用谷歌字体API中的多种字体

我们假设你需要谷歌字体目录中的三种字体。请不要创建多个请求。创建多个请求会增加一个页面的HTML请求数量，大家应该都知道 HTTP请求的次数越少，页面响应时间就越少。

所以我们不使用多个样式链接标签，而是使用下面的格式。

下面的例子URL请求中，将会一次性加载三种字体(Vollkorn, Yanone和 Droid Sans)。

http://fonts.googleapis.com/css?family=Vollkorn|Yanone|Droid+Sans

这样你就可以在你的式样元素中使用这三种字体中的任何一种字体了。
注意事项

字体名称之间用 | 隔开，并且不留空格，还要注意Droid Sans字体的使用，对于字体名称中有空格的，需用 + 符号来代替空格，在我们的例子中，我们使用的字体名称是Droid Sans，因此在申请的链接里应该用“Droid+Sans”。

提示:在一次链接请求中使用过多的字体可能会让你页面响应时间加长，因此建议只加载必要的字体。虽然说使用这些字体都是免费的，但是也不是说你可以胡来。
谷歌 Font API字体的重量和式样

互联网字体有字体重量/式样（ font weight/style）变体，如需使用这些变体，只需在该字体的后面加上冒号(:)以及对应的weight/style即可。

下面的例子，我们请求使用 Vollkorn的粗体、粗斜体以及Inconsolata的斜体。

http://fonts.googleapis.com/css?family=Vollkorn:bold,bolditalic|Inconsolata:italic|Droid+Sans

每种字体的变体也有短代码（简码）可用，它们分别为:

• 粗体: b
• 斜体: i
• 粗斜体: bi

下面就是使用简码的例子：

http://fonts.googleapis.com/css?family=Vollkorn:b,bi|Inconsolata:i|Droid+Sans

注意事项

字体后面的冒号与变体名称（如， bolditalic）或变体名称的简码（如，bi）之间不能有空格，如果需要使用到多种变体，请用(,) 将它们隔开，并且也不留空格。

首先要在主题文件夹中创建一个名为language的文件夹。

然后把下面的代码复制到主题中的functions.php文件里：

// 让主题能够被翻译
// 翻译文件可以放在/languages/文件夹中
//your-theme 可以自己命名为自己的主题名称

load_theme_textdomain( ‘your-theme’, TEMPLATEPATH . ‘/languages’ );

$locale = get_locale();
$locale_file = TEMPLATEPATH . “/languages/$locale.php”;
if ( is_readable($locale_file) )
require_once($locale_file);

在制作模板时，每一个需要被翻译成其他语言的地方需要加上这样的语句

<?php _e(‘需要翻译的语句’,'your-theme’); ?>

涉及调用数据库数据的地方为

<?php __(‘需要调用数据的语句’,'your-theme’); ?>

主题制作好后，再制作 .mo 语言文件放入先前创建的 language 文件夹中，这样，主题就可以被翻译成其他语言的了。

如何制作 .mo 语言文件，我接下来研究研究再贴上来。

放个下载链接，有兴趣的人可以下载下来看看，也试着自己做点wp主题给大家分享吧。

作者：wpdesigner.com
翻译：Denis
整理：Fiver
语言：简体中文

下载：wordpress模板制作教程 (89)     .zip   880kb