丰富多彩的字体指南：让新手也快速体验网络的丰富多彩的乐趣

蓝风游戏账号交易系统源码 - 专业的游戏账号交易系统源码

资讯热点

当前位置：首页 > 电商动态 > 丰富多彩的字体指南：让新手也快速体验网络的丰富多彩的乐趣

发布时间：2021-1-15 分类：电商动态

彩色字体是近期网页中的一种新设计词汇。虽然它仍处于起步阶段，但许多网页设计师在许多项目中都使用了这种技术。这是因为彩色字体经常为网站带来不同的视觉效果，以生动有趣的形式向访问者呈现信息，使整个网站看起来更加丰富多彩。现在，Adobe Typekit等字体服务提供商已经开始提供一些支持特定浏览器的彩色字体，并且彩色字体在网站上的使用越来越广泛。一些网络开发人员预测，彩色字体很可能成为网页设计中的下一个“重大事件”。你知道彩色字体吗？你知道如何在你的网站上使用这种设计方法吗？别担心，今天这篇文章是带你通过系统来了解彩色字体，包括它的特点，适用场景等。快来看看吧。！

　什么是多彩字体?

顾名思义，彩色字体意味着字体的不同区域以彩色渲染，包括阴影，渐变，纹理和透明度等属性。不要简单地将彩色单词概括为复杂多样的颜色。丰富的字体细节也非常重要。

彩色字体包含常见字体中的矢量形状或位图，甚至两者都有，这使得彩色字体比普通字体更大。如果你没有彩色字体的概念，你可以考虑我们使用的图标字体和表情符号，它们是常见的彩色字体。仅使用一种颜色的字体通常称为“彩色字体”，因为它们包含颜色或色调。

然而，目前彩色字体面临的最大问题是它还没有形成真正标准的字体格式。此外，不同格式的彩色字体在使用上也有所不同，SVG矢量图形的彩色字体可以容易地缩放，而位图格式在缩放时具有尺寸限制。目前可用的彩色字体包括以下五种格式：

· SBIX（Apple）：支持macOS和iOS上的原生位图字体

· CBDT（谷歌）：支持Android系统上的原生位图字体

· COLR（Microsoft）：支持Windows 8.1+系统上的矢量字体

· SVG（W3C）：有两个版本的矢量和位图字体

· OpenType SVG（Adobe/Mozilla）：放置在OpenType字体中的SVG文档的位图和矢量版本

除Apple和谷歌外，仍有许多公司使用彩色字体。他们正在努力逐步改进自己的字体标准和使用规范。 Mozilla（Firefox背后的支持组织）和Adobe已正式宣布OpenType SVG作为其彩色字体的首选格式。虽然这些公司已经做出了有关彩色字体的决定，但许多公司仍对这一趋势采取观望态度。

　怎样使用多彩字体(适用情境)?

人们通常对彩色字体的第一印象非常不同。当我第一次看到彩色字体时，有些人会想：'这是一团糟'，而其他人会认为：'这个字体很酷，我已经考虑过在哪里使用它了。 ”。无论你在哪个阵营，你都不能忽视这样一个事实，即彩色字体可以完美地适应某些网站并充分发挥其作用。当然，使用彩色字体时要小心，不要过分。以下是小飞列出的使用彩色字体的一些场景：

·用于句子或短语以充分吸引用户的注意力

·用于图标或LOGO样式元素

·用于第一个在大量文本开头下沉的单词

·在极简主义设计中用作视觉主题的主题

·用于需要在大部分文本中突出显示的一个或几个单词

·当其他设计更简单时

·当排版是整个设计的主要视觉元素时

·当整个设计需要一些有趣或不寻常的设计来吸引用户的注意时

　什么时候应该避免使用多彩字体?

一切都有优点和缺点，彩色字体也是如此。如果我们在网站上使用太多彩色字体，往往会使网站看起来光彩夺目，干扰访问者，影响信息的有效传播，使整个设计看起来华丽，影响网站形象。此外，彩色字体不会无条件地适用于任何网站。因此，请小心使用彩色字体以避免负面影响。小飞特意安排了一些不适合使用彩色字体的情况。我希望我能给你一些参考和参考：

·当字体的背景是图像时

·当背景的视觉设计更复杂时

·只有很多文字内容

·当页面包含大量动画和动画时，或者当其他元素使用大量颜色时

·在页面的其余部分使用其他特殊页面时

　多彩字体的发展趋势

实际上，虽然彩色字体处于开发的早期阶段，但它一直在努力从排版设计的开发者那里获得一些支持。不，Adobe和Mozilla的OpenType SVG格式使彩色字体真正开始进入设计师的视野。 Adobe甚至最近在Photoshop中更新了这种字体（您可能已在字符面板上注意到它）。 Adobe对OpenType SVG的详细阐述是：

'OpenType-SVG是一个SVG图形，包含全部或部分字母/字形，允许单个文本显示多种颜色甚至渐变。也正是因为这个特性，OpenType-SVG才是彩色字体的体现。此外，OpenType-SVG字体仍然具有可以直接使用的普通字体的一些特性，可以进行编辑，搜索或索引。此外，OpenType-SVG还具有OpenType字体的一些功能，例如允许字体替换或字体样式替换。 “

'Trajan Color Concept和EmojiOne Color等彩色字体就像常规字体一样呈现在字体菜单上。但是，彩色字体具有可以编辑的颜色属性，如果您的字体工具支持它们，则可以显示和编辑它们。但如果该工具不支持多彩属性，则无关紧要。它仍然可以用作普通字体，但仅用于纯色。 “

就当前彩色字体的演变和范围而言，有两个主要影响因素。一个是浏览器与彩色字体的兼容性。 Web Type状态详细说明了彩色字体支持哪些浏览器功能。。第二是将风格与华丽多彩的文字相匹配。每个设计趋势都不可能适应网站的所有需求，而彩色字体可能更适合华丽和丰富的网站。小飞认为，随着网络建设技术的不断发展，彩色字体浏览器的兼容性将来会越来越强，彩色字体的发展也不容小觑。

动手尝试

如果您认为彩色字体可以在您的网站中发挥作用并且也符合网站的整体风格，那么请在网站上试试！但是彩色字体来自哪里？有两个渠道。一个是下载。这种方法更方便。这里有一些现成的彩色字体，你可以研究它：

·输入Pride

·沙滩巾

·蹦极

·水彩字体

· Bixa Color

·儿童玩具

· OneLine Bold

·大师

·氖

另一种方法是自己制作彩色文字。这种方法相对自由，所产生的彩色文本也非常个性化，其独特性无与伦比。由不同软件制作的彩色字体将产生不同的效果。您可以选择自己习惯和喜爱的软件进行设计。这是Xiaofei推荐的3种彩色字体创建软件：