你是会员吗?注册登录

谷歌字体

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

对我们挑选的一些未被充分使用的谷歌字体有一点独特的字符感兴趣吗?我们也将着眼于这些,以帮助你的布局脱颖而出。

什么是谷歌字体?

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

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

谷歌字体可通过api用于网站使用,并在样式表和CSS中包含字体信息。谷歌字体也可以下载。

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

如何使用谷歌字体三步

谷歌字体

虽然在web项目中添加字体的想法可能会吓到一些人,但它实际上非常简单。你可以通过三步完成,马上就可以使用谷歌字体了。最难的部分可能是将选择范围缩小到只有一到两种字体。

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

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

3经典谷歌字体组合

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

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

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

  • Droid Serif和Droid Sans:如果有疑问,可以将同一家族的字体配对。
  • 舞蹈脚本和Josefin Sans:当你需要一个脚本时,将其添加一个简单的无衬线,这样就不会中断阅读。
  • Arvo和PT Sans字体:一个漂亮的粗字体是很好的标题字体,而一个简单的无衬线字体是很好的其他字体。

我们喜欢的谷歌字体

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

虽然Roboto和Lobster等谷歌字体吸引了所有人的注意力,但也有很多很棒的字体在收藏中不太常用。如果你稍微挖掘一下,你就会发现项目中隐藏的宝石是独一无二的。

  • 本:圆的形状和广泛的风格在这个家族使它成为一个高度多才多艺的无衬线。
  • 老爷:每个人都需要一个很棒的衬线选择;这篇文章很有特色,可读性很强。
  • 艾丽卡:将这个有趣的字体添加到您的收藏中,以便在项目刚刚好时使用。