你是会员吗?注册要么登录

谷歌字体

谷歌字体是一个超过800种不同字体的库,完全可以嵌入到您的web项目中。本系列将介绍什么是谷歌字体,并分享一些有趣的示例和字体组合,这些示例和字体组合可以将您的项目带到下一个层次。

下使用谷歌的字体有更多的独特的性格兴趣几个我们挑选的呢?我们将采取看看那些为好,以帮助您的布局在人群中脱颖而出。

什么是谷歌的字体?

谷歌字体
“谷歌字体目录中的开源字体是在许可下发布的,允许你在任何网站上使用它们,无论是商业还是个人网站。”- - -谷歌字体常见问题解答

谷歌字体是一套超过800种字体的集合,设计师和开发人员可以免费使用。字体可以在交互式图库/目录中找到,在使用它们设计之前,您可以查看和预览以及配对字体。

谷歌的字体是通过API和包括在样式表和CSS字体信息可用于网站使用。谷歌字体也可下载。

由于开源许可,任何用户都可以访问和使用谷歌字体用于个人或商业项目。

如何使用谷歌字体3步

谷歌字体

虽然添加字体到web项目的想法可能有些恐吓,它实际上是很容易的。你可以做到这三步并准备使用谷歌字体的时候了。最难的部分可能被缩小选择到只有一个或两个字样。

  1. 添加样式表链接到你的网站:确保包含计划使用的所需字体名称的样式表链接。
  2. 使用CSS样式的字体:然后你也可以使用该字体名称设置元素的样式。
  3. 添加字体效果:谷歌字体也有一个beta字体效果工具,所以你可以添加额外的样式字体的特殊用途。效果包括从霓虹灯到3D效果,到阴影到浮雕的一切。

您可以从谷歌字体中找到完整的指令和代码片段这里

3个经典谷歌字体组合

谷歌字体
谷歌字体
谷歌字体

有了这么多的选择,使用谷歌字体最困难的部分是选择要使用的字体。有时最好的选择是一个经过测试的经典组合,易于阅读和熟悉的眼睛。

下面是三种经典的谷歌字体组合:

  • Droid的衬线和德罗伊德桑:有疑问时,来自同一个家庭对字体。
  • 跳舞脚本和约瑟夫字体:当你需要一个脚本时,用一个简单的无衬线字体,以免打断阅读流程。
  • Arvo和PT Sans字体:粗体字体适合标题,而简单的serif字体适合其他字体。

我们喜欢的3种未被充分使用的谷歌字体

谷歌字体
谷歌字体
谷歌字体

虽然一些谷歌字体如Roboto和Lobster获得了所有的关注,但仍有很多很棒的字体在该集合中并不常用。如果你稍微挖掘一下,你就会发现一个隐藏的宝石,让项目感觉独特。

  • 本:这个家族的圆形和广泛的样式使它成为一个非常通用的无衬线体。
  • 圣主:每个人都需要一个伟大的衬线的选择;这其中有一个很有特色的,是相当的可读性。
  • 艾丽卡:这个有趣的字体添加到您的收藏使用时,该项目是恰到好处。