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

谷歌字体

谷歌Fonts是一个包含超过800种不同字体的库,完全可以嵌入到您的web项目中。本系列介绍了什么是谷歌字体,并分享了一些有趣的示例和字体组合,可以使您的项目达到更高的水平。

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

什么是谷歌的字体?

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

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

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

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

如何在3个步骤中使用谷歌字体

谷歌字体

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

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

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

3个经典谷歌字体组合

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

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

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

  • Droid的衬线和德罗伊德桑:有疑问时,来自同一个家庭对字体。
  • 舞蹈脚本和Josefin Sans:当需要脚本时,使用简单的无衬线字体,以免中断阅读流程。
  • Arvo和PT Sans:一个漂亮的重字体对于标题很好,而一个简单的无衬线字体对于其他一切都很好。

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

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

虽然一些谷歌字体(如Roboto和Lobster)获得了所有的关注,但还有很多很棒的字体在该系列中并不常用。如果你稍微挖掘一下,你可以为项目找到一个独特的隐藏宝石。

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