编程最佳字体_网站上使用的10种最佳装饰字体

最新推荐文章于 2024-06-25 19:35:52 发布

daique1908

最新推荐文章于 2024-06-25 19:35:52 发布

阅读量771

点赞数

文章标签： java python css 编程语言 html

编程最佳字体

我们选择的字体在网站中起着主要作用。正确的字体组合可以使您的网站脱颖而出。此外，他们与您的品牌紧密结合，以传递正确的信息。

在各种字体样式中，装饰字体是一个不错的选择，如果您想产生影响。它们提供各种外观，从优雅到大胆，一直到前卫。

“请少用装饰性或展示性字体，例如在标题和简短副本上使用。” –设计团队Pablo Stanley

今天，我们将分三部分向您展示有关在网站上使用装饰字体所需的所有知识。首先，我们将研究网站上这些字体往往效果最好的区域。第二部分是有关安装和使用它们的技术细节的速成课程。

最后，我们将探讨您订阅Envato Elements可获得的10种最佳装饰字体。您可以下载字体来满足您的需求，因为有1800多个装饰系列可供选择，而且这个数字还在不断增加。

在哪里使用装饰字体

顾名思义，装饰字体通常是用来装饰特定的设计元素。理想情况下，在这里他们会引起人们对感兴趣项目的关注。

对于网页设计师而言，这意味着这些字体几乎绝不应用作正文。从美学上讲，它们通常设计为以较大的字体显示。因此，它们变得很难以较小的规模阅读。

不过不用担心！在很多地方，装饰字体仍然非常合适。在英雄区域或内容的标题中使用它们（页面标题可能特别有效）。您可能还希望将它们集成到号召性用语甚至徽标中。

如何使用自定义Web字体

在您的网站中实现自定义字体是一个非常简单的过程，仅需几个步骤。但是，它确实需要一些CSS才能启动和运行。

在开始之前，您需要确保下载的所有字体都包含专门用于Web的版本。使用侧栏上的便捷过滤选项，在Envato Elements上这非常容易。例如，查找包含Web版本的所有装饰字体仅需单击几下。

现在，继续执行以下步骤：

1.找到所需的字体并将其下载到设备中。

2.解压缩下载的字体包（记住要查找任何特定于网络的字体），然后将文件放在网站根目录下的文件夹中。在我们的例子中，我们将其称为“字体”。

3.将字体上载到Web服务器，并保持上面刚刚创建的目录结构。

4.接下来，使用CSS @font-face属性添加每种字体，如下所示：

@font-face {
    font-family: 'Helios Regular'; /* Change to your font's name. */
    src: url('fonts/Helios Regular.woff'); /* Change to match your font file's location. */
}

@font-face {
    font-family: 'Helios Rounded'; /* Change to your font's name. */
    src: url('fonts/Helios Rounded.woff'); /* Change to match your font file's location. */
}

5.从那里，您可以在站点CSS文件中的任何位置调用字体。例如，如果您想将其与H1标签一起使用，则可以添加以下内容：

h1 {
  font-family: ‘Helios Regular’; /* Change to your font's name. */
}

如果遇到任何问题，请使用浏览器的检查工具来验证字体是否正确安装。

下载这些很棒的装饰字体

现在我们对网站上的装饰字体在哪里以及如何使用有了更多的了解，让我们看一些出色的示例。每个人都有独特之处。

太阳神

Helios提供圆形和方形角版本，可以为您的网站带来高科技外观。非常适合初创公司，开发人员投资组合和专注于科学的网站。

黑色之夜-恐怖字体

《黑夜》非常适合陷入幽灵般的氛围，可用于万圣节主题的登陆页面甚至网络漫画。它很有趣，易于阅读的装饰字体，并且可以为任何网站增添个性。

时间的鲸鱼字体二重奏

时光鲸鱼带给您轻松愉悦的感觉。无论是条纹填充还是实心填充，无论哪种风格都适合搭配手绘插图或以儿童为中心的网站。

Macloney-Bold Serif字体

这种粗体和精致的衬线字体提供了一种吸引用户注意力的肯定方式。将其用于需要吸引眼球的页面标题，标题或其他位置。

The Roseberry-字体三重奏

Roseberry让人联想到手工制作的复古外观。它的三种样式（Codet，Outline和Solid）中的每一种都可以帮助您创建老式的氛围。这是一种非常详细的装饰字体，在较大尺寸时看起来很棒。

切丽炸弹

对于那些寻找更野性的人来说，切丽炸弹是个不错的选择。一种脚本字体，具有让人想起1980年代的天赋，它可以立即引起人们的注意，以号召人们采取行动，甚至徽标。

科米尔

凭借富丽堂皇的装饰艺术风格，Cormier可以为您的网站带来一抹亮丽的氛围。使用其包含的三种样式（常规，双重或粗糙）中的任何一种作为装饰性标题，英雄区域等。

马特字体

如今，诸如Motters Typeface之类的手写字体非常流行，并且很容易理解为什么。它们增加了真实性，有助于与用户建立联系。这是一个非常干净和清晰的地方。

Paraoh-神圣字体

想要做出大胆的声明？然后，您一定要检查Paraoh。它独特的，象征性的字母形式一定会给人留下深刻的印象。

Xaviera-现代字体+ WebFonts

Xaviera证明装饰性字体不必太离谱或过于戏剧化。此sans-serif字体简单，美观且易于阅读。对于博客标题或页面标题而言，这将是一个了不起的选择。

装饰您的网站！

印刷术是在网站上添加字符并增强品牌的最简单方法之一。由于可用的网络字体数量众多，因此几乎可以实现的外观类型没有限制。

装饰字体特别适合该任务。即使很少使用，它们的独特性也可以帮助您确定焦点和身份。它们确实是任何Web设计人员工具箱中功能最强大的部分。

网络上的可变字体

最后，您还有三分钟的空闲时间吗？为什么不通过Kezz Bracey进一步了解Web排版，因为她在网络上解释了可变字体：

翻译自: https://webdesign.tutsplus.com/articles/the-10-best-decorative-fonts-to-use-on-your-website--cms-33858