字体引发极端情绪。我们可能不知道一个字体的名字，甚至大多数时候都没有注意到它的使用，但是我们知道什么时候是错的，什么时候是正确的。Helvetica字体是如此的受人喜爱，一整部电影都围绕着它拍摄；而另一方面，漫画无人机却被人们所憎恨，以至于有一场运动禁止使用它。而当苹果或亚马逊改变了他们设备上的默认字体时，互联网上充满了赞扬和憎恨。字体能唤起感情、联想和情绪。他们交流。正如坎耶·韦斯特（Kanye West）最近发明了一种价值5万美元的字体"Yeezy Display"，他对芝加哥艺术学院（Art Institute of Chicago）的学生说："我对字体很感兴趣。"这就是为什么值得担心你网站上的字体。网络字体革命有成千上万的字体，从古代的手工木刻字体到现代的数字字体。但在网络上，直到最近，网站还仅限于使用乔治亚、Verdana、Arial和其他一些"网络安全"字体。CSS2在1998年引入了对web字体的支持，但它花了很多年才被广泛采用。不过，今天，你访问的普通网站很可能使用网页字体。你仍然可以使用Arial或Georgia来保证安全，但是对于一个设计精良、能反映你的品牌和风格的网站，你需要网络字体。CSS：（或级联样式表）是一种样式表语言，用于描述网页（或电子书或任何文档）的设计。所有现代网站都使用它来选择使用的字体、颜色和其他设计元素。但是字体仍然很贵。根据你打算如何在网站、应用程序或其他地方使用它，一种单一字体的价格在35美元到350美元之间，甚至更多。如果你使用一种流行的字体托管服务，比如Typekit、Fontdeck或Webtype，你将以每年7.5美元到40美元的价格租用字体，有时每个字体的价格是7.5美元到40美元。这就是谷歌字体的用武之地。这是一个完全免费的字体托管服务，有超过700种字体，各种样式和权重。它不仅仅是一个基本的字体服务，它还提供了强大的功能，包括：越来越多的非罗马文字，包括阿拉伯文、西里尔文和希伯来文一个易于使用的字体浏览器，它将帮助您找到完美的字体一个快速、可靠的CDN（或内容交付网络），可以快速地将字体提供给您的站点选项，只需选择最佳加载时间所需的字体权重这里是你选择正确的字体，使用谷歌字体跟踪它，并嵌入到你的网站（无论是在Squarespace，WordPress，或其他托管服务）上的入门知识。选择正确的字体如何使用谷歌字体将你的谷歌字体添加到网站使用带有Squarespace的谷歌字体在WordPress中使用Google字体在MailChimp中使用Google字体选择正确的字体排版是一个庞大而复杂的主题，许多（布局精美）的书籍都围绕着它而写——这个领域的经典之作是罗伯特·布林赫斯特（Robert Bringhurst）的《印刷风格的元素》（the Elements of Printography Style）（也有免费的网络改编！）。不过，让我们看看最基本的。在选择和使用字体时，请记住以下几个简单的最佳实践。思考沟通和语境在选择字体时，首先要考虑字体应该传达什么信息。我们的目标是用一个大胆而古怪的选择来吸引访问者的注意力吗？或者你更愿意用一种像Arvo一样稳定和强大的字体来安抚他们？你想用安妮用你的望远镜表达一种随意的态度，还是用单调来暗示奢华？正确的字体取决于你的信息。在你开始寻找之前，头脑风暴几个关键字来描述你的项目基调。当您浏览时，请思考您查看的每个字体如何与这些概念交互。这种关注是很重要的，因为当滚动浏览大量字体列表时，很容易被浮华而不切实际的选项分散注意力。例如，我最喜欢的Google字体之一是Press Start 2P，这是一种受经典视频游戏启发的显示字体。但它过于激进的风格化以至于它分散了页面上其他内容的注意力。而且，由于其古怪的、以游戏为中心的内涵，没有太多的专业环境适合它。用它在一个电子邮件新闻爆炸推广一个网络活动在那个酷酒吧与旧街机游戏？当然！但对于企业登录页面上的标题，还是应用程序中的菜单呢？没那么多。字体是有趣的，但请选择一个能正确反映你的信息的字体。找到可以协同工作的字体网络字体新手最常犯的错误是喝多了，把页面上的每个元素都设置成不同的字体。这导致混乱的布局，是业余和难以导航。在99.9%的情况下，您只需要两种字体：一种用于正文，另一种用于标题、标题和其他设计元素。字体有两种主要风格，您可能会选择其中一种：衬线字体有小线或"脚"附在上面，这使得它们更容易在一条线上阅读。带有衬线的字体更适合你的网站主体，并且有一个更经典的外观，很适合在旧书店使用。无衬线字体会帮助你阅读网站标题。Sans-serif字体看起来更现代，通常用于程序的菜单和界面中。别担心Google字体可以让你根据serif和sans-serif样式进行过滤，所以很容易找到它们。还有第三种字体，等距字体看起来像打字机上的字体。在等宽字体中，每个字符都有相同的宽度，这使得它们非常适合记帐或编码，但对于网站设计来说就不是那么好了。不要重载字体，只选择几个字体，然后使用它们的权重、样式、大小、排列、间距和颜色来创建页面元素之间的对比度。你会惊讶于两种字体所能做的不同的事情，上面的例子只使用了一种！试图找到两种能很好地协同工作的字体似乎很困难，但谷歌也帮了大忙！当你找到一个你喜欢的字体，点击"弹出"按钮，在一个新窗口中打开字体的信息页面（这也是一个简单的方法，可以将你以后想使用的字体放在一边）。点击页面上的"Pairings"标签，你将看到你选择的字体与谷歌认为能很好地配合使用的其他字体的例子。想要更多的组合选择吗？看看Fontpair，这是一个展示谷歌字体组合的字体对的网站。或者，试试Typecast，一个与Google字体集成的免费web排版工具，我用它来创建本指南中的一些模型和示例。只需点击"Try in Typecast"标签，打开字体进行进一步实验！如何使用谷歌字体有了你想要的字体风格，现在是时候开始搜索谷歌字体了。以下是您需要了解的开始。搜索谷歌字体谷歌提供700种免费字体（这是很多）。幸运的是，正如你所期望的那样，这个网站有很好的搜索工具，可以帮助你找到你想要的。字体浏览器由三个部分组成：当前选定字体集缩小字体选择范围的过滤器在不同样式和上下文中查看字体的选项缩小选择范围所选字体左侧的工具栏有一系列选项，用于磨合您要查找的字体。调整字体时，您将看到当前选定字体集的更改。单击"类别"下拉菜单选择一个大的字体类别：Serif、Sans-Serif、Display、手写或Monospace。（我将继续讨论其中的一些术语，但如果您想要更全面的入门知识，请查看这门排版速成课程）在类别选择器下面，有一组滑块可根据粗细、倾斜和宽度缩小字体选择范围。并非所有的字体都可以在除拉丁字母以外的脚本中使用，因此要只查看替换字符集中的字体，请使用"脚本"下拉列表。把事情缩小太多？单击"重置所有过滤器/搜索"重新开始。查看不同上下文中的字体还是不能决定你要哪种字体？根据字体的样式（粗体和斜体）和字体的粗细（字符的粗细），字体看起来可能会完全不同。在左侧的工具栏中，单击"显示所有样式"以查看您正在浏览的字体的每个版本—有些字体只有一种样式，而其他字体的样式超过十种。我们稍后将探索一种更具可定制性、互动性的方式来查看您的字体，但目前，您还可以使用屏幕顶部的选项卡在各种常见的web上下文中快速调整和可视化所选字体。谷歌默认的关于"暴躁巫师"的文字会分散注意力吗？点击"预览文本"表单域，你可以输入你想要的任何文本。例如，试图为页面标题找到完美的字体？在这里输入标题，看看它在给定的字体中是什么样子！打包字体好吧，现在你知道如何负责任地选择字体，你希望找到一些字体，可以很好地为你的目的。现在，你如何从谷歌字体到你的网站？找到要使用的字体后，单击该字体的"添加到集合"按钮。这将在屏幕底部打开一个菜单，您将看到您添加的字体的名称列在那里。在字体浏览器中滚动或搜索，然后以相同的方式添加任何其他字体。一旦你得到了你想要的字体，点击"收藏"选项卡中的"使用"按钮。你将进入一个新的屏幕，在那里你可以构建你的包。构建字体包构建字体包包括选择要在项目中使用的样式和字符集。您将看到che列出的所有可用样式和字符集