@ font-face的是一个CSS规则，允许你输入自己的字体出现在网站上，即使在特定的字体在访问者的计算机上没有安装。这条规则最重要的是，它为设计师打开了一个全新的世界。您可以使用任何你喜欢的字体。
为什么它是真棒
就像我说的，@ font-face的打开一个全新的世界。现在，我们能够以一种全新的方式使用排版。这就是为什么你看到这么多独特的网站上的字体排版的网页设计元素和更高的集成度。
此外，作为一个解决方案，展示了自定义字体，使用在图像上的文字可以帮助搜索引擎优化
如何使用@ font-face的
下面的语法是你如何使用@ font-face的。首先，定义新的字体所提供的名称和说明的字体。
Font Squirrel的套件部分是现成的工具包，其中包括多种字体格式，CSS和HTML代码的集合。所有你必须做的是选择一个字体，下载工具包，并复制代码。这是简单，。最重要的是，他们有一个很大的选择充满了巨大的字体。
@ font-face的工具包生成器
另一方面，你有工具包生成器，您上传您自己的字体，它为您提供了所需的所有代码。因为它创造了一个新的工具包为您的字体。所有你必须做的就是下载新的套件，并复制代码到您的网站。它也就是这么简单。然而，当使用自己的字体，请确保您有权利使用它- 不是所有的字体版权允许
谷歌字体
谷歌字体是谷歌的API，你必须选择在您的网站中使用的字体的集合。所有的字体都是免费的，开放源码的。他们的选择是相当大的，包括许多伟大的字体。此外，您还可以自由选择你喜欢的。一旦你选择了你的字体，你给出的代码片段，将其粘贴到您的网站。谷歌允许您选择不同的代码，如将CSS导入到您的<head>标签。
当谈到谷歌的字体，那肯定是一个易于使用的服务。有一件事是你要知道的：它会告诉你你所选择的字体对您的网站的加载时间的负载。
TypeKit
TypeKit是另一种服务，有字体的集合 - 尽管他们是一种有偿服务。他们一直致力于使@ font-face的更容易实现。他们的价格似乎是公平的，很多人使用它，因为他们有一个宏伟的集合伟大的字体供您使用。有没有授权你不用担心，如果你使用他们的服务 - 他们为你照顾。他们还与许多字体制造商合作，为您提供最新，最好的字体。
