最佳编程字体
我们选择的字体在网站中起着重要的作用。合适的字体组合可以让你的网站脱颖而出。此外,它们与你的品牌紧密结合,传递正确的信息。
在各种字体风格中,如果你想产生影响,装饰字体是一个不错的选择。他们提供各种各样的外观,从优雅到大胆,一直到前卫。
今天,我们将分三部分向你展示在你的网站上使用装饰字体你需要知道的一切。首先,我们将研究网站上这些字体效果最好的区域。第二部分是关于安装和使用它们的技术细节的速成班。
最后,我们将讨论通过订阅Envato Elements可以获得的10种最佳装饰字体。可以下载字体来满足自己的需求,因为有1800多个装饰系列可以选择,而且这个数字还在不断增加。
顾名思义,装饰字体通常用于修饰特定的设计元素。理想情况下,他们会将人们的注意力吸引到这里有趣的项目上。
对于网页设计者来说,这意味着这些字体几乎从来不用作文本。从美学角度来看,它们通常被设计成以更大的字体显示。因此,它们在小范围内变得难以阅读。
但是不用担心!很多地方,装饰字体还是很适合的。在英雄区域或内容的标题中使用它们(页面标题可能特别有效)。你可能还想把它们整合到通话短语甚至徽标中。
在你的网站中实现自定义字体是一个非常简单的过程,只需要几个步骤。然而,它确实需要一些CSS来启动和运行。
开始之前,您需要确保所有下载的字体都包含专用于Web的版本。使用侧边栏上方便的过滤选项,这在Envato元素上非常容易。例如,只需点击几下鼠标,就可以找到所有包含网页版的装饰字体。
现在,继续以下步骤:
1.找到所需的字体,并将其下载到您的设备上。
2.解压下载的字体包(记得找任何网络专用的字体),然后把文件放到网站根目录下的文件夹里。在我们的例子中,我们称之为“字体”。
3.将字体上传到网络服务器,并保留上面刚刚创建的目录结构。
4.接下来,使用CSS font-face属性添加每种字体,如下所示:
5.从那里,你可以在你站点的CSS文件中的任何地方调用这个字体。例如,如果您想将它与H1标签一起使用,您可以添加以下内容:
如果您遇到任何问题,请使用浏览器的检查工具来验证字体安装是否正确。
现在我们知道了更多关于在哪里以及如何使用网站上的装饰字体,让我们来看看一些优秀的例子。每个人都是独特的。
Helios提供了圆角和方角版本,可以为您的网站带来高科技的外观。非常适合创业公司,开发者作品集,专注于科学的网站。
003010非常适合陷入鬼魅的氛围,可以用于万圣节主题的登陆页面,甚至是网络漫画。它很有趣,易于阅读的装饰性字体,可以为任何网站增添个性。
时间鲸鱼带给你一种放松和愉悦的感觉。无论是条纹填充还是纯色填充,无论哪种风格都适合手绘插画或者以儿童为中心的网站。
这种大胆而精致的衬线字体提供了一种肯定的方式来吸引用户的注意力。用于页面标题、标题或其他需要吸引注意力的位置。
Roseberry让人想起手工制作的复古造型。它的三种风格(Codet,Outline和Solid)中的每一种都可以帮你营造出一种老式的氛围。这是一个非常详细的装饰字体,在大尺寸下看起来很棒。
Cherie bomb对于追求野性的人来说是个不错的选择。一个剧本字体,有一种让人联想到80年代的天赋,能立刻吸引人的注意力,让人行动起来,甚至是logo。
凭借其宏伟的装饰艺术风格,科尔米耶可以给你的网站带来明亮的气氛。它使用三种风格中的任何一种(普通、双层或粗糙)作为装饰标题、英雄区等。
现在Motters字样等手写字体非常流行,原因很容易理解。它们增加了真实性,有助于与用户建立联系。这是一个非常干净和清晰的地方。
想做个大胆的声明?那么,你必须检查帕拉欧。它独特而有象征意义的字母形式一定会给人们留下深刻的印象。
Xaviera证明了装饰字体不必太离谱或太戏剧化。这种无衬线字体简单、美观、易读。这将是一个伟大的选择博客标题或页面标题。
印刷是给你的网站添加字符和提升你的品牌的最简单的方法之一。由于有大量可用的网络字体,几乎可以实现的外观类型没有限制。
装饰字体特别适合这项任务。即使他们很少被使用,他们的独特性可以帮助你确定你的重点和身份。它们的确是任何网页设计师工具箱中最强大的部分。
最后,你有三分钟时间吗?为什么不通过凯兹布里斯了解更多关于网页排版的知识,因为她在网上解释了可变字体:
翻译自:
最佳编程字体