提高用户体验：用谷歌网页字体美化网站字体

Kissshot

谷歌网页字体已经推出了一段时间。它是谷歌为了方便用户美化网站字体推出的新服务。你是否使用过了呢？今天我想向大家介绍下如何在标题中使用谷歌网页字体。

首先打开网站：http://www.google.com/webfonts（在接下来的过程中这个网站要始终开着），选择一种你喜欢的字体，然后点击“quickuse”你将会进入设置区域。你可以在这里对不同部分进行选择（斜体、粗体等）。

设置完成后，你可以在下方看到一段代码，把这段代码复制到网站的head部分。然后你需要回到Google网页字体页面，复制步骤页面中的CSS代码。

在这里我们是要改变网站标题的字体，所以需要相关的Selector样式。在这种情况下可以使用：#emotion-header-title。

现在，我们可以结合相应的CSS代码，得到以下内容：

<style type="text/css">

#emotion-header-title {font-family: 'Gochi Hand', cursive!important;}

</style>

（你也可以通过直接修改上面那段代码中font-family:后的字体达到相同。比如你想使用字体'Pinyon Script',你可以把前面代码中的font-family: 'Gochi Hand'修改为font-family:' PinyonScript '）

最后把这段代码复制到前面的HTML代码下，保存修改，新的字体就能应用到你的标题部分了。

小贴士：用Google网页字体和CSS你可以自定义字体，把自定义字体使用到标题、文字、链接等任意地方！不过现在Google网页字体只支持英文字体。不过相信再过不久就能推出中文字体了！

原创文章，转载请注明Jimdo自助建站平台。http://cn.jimdo.com/