crt得put明了_轻松明了：可变字体指南

crt得put明了

可变字体的基本介绍。

可变字体已经存在了一段时间，但我仍然发现没有听说过的人。 在本文中，我将解释这些字体是什么以及为什么每个人现在都应该使用它们。

什么是可变字体？

这种字体的主要优点是，使用一个文件，您可以得到不同的外观。 想象一下，在徽标中使用粗体和粗体字母，然后通过在样式表中设置一些参数来使其标题变窄。 但这还不是全部，也是最好的功能之一，而且由于我们正在CSS中建立参数，因此我们可以使用动画并产生惊人的效果。

我该怎么办？

这种字体的主要优点是，使用一个文件，您可以得到不同的外观。 想象一下，在徽标中使用粗体和粗体字母，然后通过在样式表中设置一些参数来使其标题变窄。 但这还不是全部，也是最好的功能之一，而且由于我们正在CSS中建立参数，因此我们可以使用动画并产生惊人的效果。

在哪里可以找到它们？

互联网上有几个存储库，您可以在其中找到可变字体。 当然，像Google字体这样的存储库也有自己的变量字体，可以免费使用。 您将在这里找到印刷品，这些印刷品是离散的和正式的，并且大多数仅允许您设置weight参数。 但是，如果您想要更富魅力的东西，可以在Fonts Arena中找到所需的东西。

在这里，您将找到各种免费的可变字体，其中一些带有许多参数需要设置。 但是，如果您想看到它们的潜力，请立即前往Axis-Praxis，这是一个在线网上游乐场，您可以在其中享受使用其字体的乐趣，并发现所有可以做的事情。 当然，还有更多的存储库，它们正在等待您的光临。

我该如何使用它们？

1.首先，您需要在HTML页面或CSS样式表中链接文件。

2.现在，您可以使用字体了，只需要在CSS中设置参数即可。 如您所见，我们使用的是font-variation-settings，并且设置了width（wdth）和weight（wgth）值。

可变字体是印刷术的未来，也是一种功能强大的工具，可以改善您的网站。 而且，正如您所看到的，没有理由不开始在设计中使用它们并将网站提升到一个新的水平。

翻译自: https://hackernoon.com/easy-and-clear-variable-fonts-guide-8e4a3v84

crt得put明了