你是会员吗?注册登录

谷歌字体

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

对我们挑选的一些没有被充分使用的Google字体感兴趣吗?我们也会看看这些,以帮助您的布局从人群中脱颖而出。

什么是谷歌字体?

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

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

Google字体通过api提供给网站使用,包括样式表和CSS中的字体信息。谷歌字体也可以下载。

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

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

谷歌字体

虽然在web项目中添加字体的想法可能会使一些人感到害怕,但实际上这是非常简单的。你可以通过三个步骤来完成,然后马上就可以使用谷歌字体了。最困难的部分可能是把你的选择缩小到只有一个或两个字体。

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

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

3种经典的谷歌字体组合

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

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

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

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

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

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

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

  • 本:圆的形状和广泛的风格在这个家族使它是一个高度多才多艺的无衬线。
  • 多米内:每个人都需要一个很棒的衬线选项;这个选项有很多特点,可读性很强。
  • 艾丽卡:将这个有趣的字体添加到你的收藏中,以便在项目恰到好处时使用。