谷歌字体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>

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!