首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

谷歌字体(Google Font)初探 [通译自Google官方文档]

2012-11-01 
谷歌字体(Google Font)初探[翻译自Google官方文档]这个指南解释了如何使用Google Font的API,把网络字体添

谷歌字体(Google Font)初探 [翻译自Google官方文档]

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

一个快速的例子:

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

?

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

?
?谷歌字体(Google Font)初探  [通译自Google官方文档]
那个句子是普通的文本,所以你可以通过使用CSS来改变它的样式。试着在前面的例子中添加一个阴影的样式:


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

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

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

http://fonts.googleapis.com/css?family=Philosopher&subset=latin,cyrillic

?要得到一个完整的字体和字体子集的列表,请参照谷歌字体目录。

?

?

以上翻译自Google官方文档,原文连接:http://code.google.com/intl/zh-CN/apis/webfonts/docs/getting_started.html

虽然官方连接里是zh-CN,但打开还是英文的,自己翻译了一下,翻的很不好。。。。。

?

热点排行