谷歌字体（GoogleFont）初探[翻译自Google官方文档]_html/css_WEB-ITn

这个指南解释了如何使用Google Font的API,把网络字体添加到自己的页面上。你不需要任何的编码,你所要做的只是添加一个特定的CSS到HTML页面上，然后把字体关联到这个CSS样式。

一个快速的例子：

这是一个例子，复制下面的HTML代码到一个文件中：

Html代码

body { font-family: 'Tangerine', serif; font-size: 48px; }

Making the Web Beautiful!

用一个现代浏览器打开这个HTML文件，你就可以看到页面显示如下，用了一个叫做“Tangerine”的字体：



那个句子是普通的文本，所以你可以通过使用CSS来改变它的样式。试着在前面的例子中添加一个阴影的样式：

Html代码

body { font-family: 'Tangerine', serif; font-size: 48px; text-shadow: 4px 4px 4px #aaa; }

你可以看到，文字下面有阴影了：


这只是你能用字体API和CSS做东西的一个开始。

概述：
您开始使用Google字体API只需要两个步骤：
1.添加一个样式表来请求网络字体

Html代码

2.同样，在一个样式表中定义一个使用所请求的网络字体的节点

Html代码

CSS selector { font-family: 'Font Name', serif; }

或者在这个节点上使用内嵌的样式

Html代码

Your text

查看更多关于谷歌字体（GoogleFont）初探[翻译自Google官方文档]_html/css_WEB-ITn的详细内容...