软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > 谷歌字体API使用教程,让互联网设计更漂亮

谷歌字体API使用教程,让互联网设计更漂亮

尽管互联网上新的技术和项目层出不穷,但是在过去的一段时间里我们却缺乏丰富而漂亮的互联网字体。虽然传统的字体选择也非常多,但是大多数电脑中安装并支持的却是一些非常固定的字体,随着互联网设计的发展,传统字体已经不能满足需求。

谷歌字体API的登陆

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

谷歌字体API为何物?

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

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

使用谷歌字体API的好处

可继续使用HTML文本

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

此外,它属于不冒犯性的解决方案,意味着说你不需要对现有的任何内容进行修改,只需要更新 CSS样式即可。

可通过互联网访问

由于你使用 HTML文本而不是一个图片或CSS背景,因此并不影响通过屏幕阅读的用户。

减轻你的服务器负担

使用@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>
相关阅读
栏目导航
推荐软件