使用更好的字体真棒将图标字体添加到 WordPress

人们自然会被 WordPress 网站的视觉方面所吸引，就像他们被您分享的书面内容所吸引一样。 事实上，根据互联网营销人员 Jeff Bullas 的说法，有图片的文章的浏览量比没有图片的文章多 94%。

如果你问我，那是页面浏览量的巨大增长。

究竟是为了做什么？

只需在您的内容中添加一些高质量、适合文章的图像。

但是，您网站上的图像超越了屏幕截图和图库摄影的范围呢？ 那些不仅能吸引注意力而且还能发挥有用功能的图像呢？

是的，我说的是图标。 你知道，那些分散在网站上的小图片，用于社交分享、联系企业主和下载信息，仅举几例。

由于这个想法在该网站上流行起来，访问者不仅被网站上的图像图标所吸引，而且也倾向于与它们进行交互，因此全世界的人们都开始将它们添加到他们的网站中。

然而，随着技术的进步，传统的图像图标作为网站的图像解决方案已经开始步履蹒跚。 这是因为它们增加了太多的文件权重，需要太多的 http 请求，不能很好地扩展，最糟糕的是——它们不适合移动设备。

但是有一个解决方案：图标字体。

今天，我将讨论什么是图标字体以及在您的 WordPress 网站上使用它们的优势。 那么，让我们开始吧。

继续阅读，或使用以下链接跳转：

• 什么是图标字体以及为什么使用它们？
• 字体图标选项

什么是图标字体以及为什么使用它们？

图标字体正是它们听起来的样子——完全由图标组成的字体。 实际上，图标字体可以描述为一种只显示字符或符号的字体，而忽略了传统文本字体自带的字母和数字。

图标字体用于在您的网站上显示常用符号。 例如，社交媒体按钮、您的购物车、下载按钮和导航按钮都是在您的网站上显示为小型交互式图像的图标示例。

为什么使用图标字体？

过去，图像图标对许多网站所有者来说效果很好。 然而，随着互联网世界中导航、可用性和设计规则的发展，图标字体已成为在网站上显示交互式图像的更好解决方案。

以下是为什么图标字体是更好选择的一些令人信服的原因：

• 轻松扩展且不损失质量
• 可根据颜色和阴影进行定制
• 100% 响应
• 像 CSS 图像精灵一样工作，但可以像文本一样设置样式
• 使用方便
• 透明的淘汰赛支持
• 跨浏览器友好
• 自定义不透明度、旋转等
• 更小的文件大小
• 不要牺牲网站的速度或性能

如您所见，您可能希望在网站上使用图标字体而不是图像图标有几个原因。

字体图标选项

首先，让我们看看一些可以找到免费和高级图标字体集的最佳位置。 使用这些资源，您可以生成自定义字体图标，利用独家和独特的图标图像，甚至访问工具来帮助您将图标直接导入您的网站。

• 丰泰洛. 将免费的自定义矢量图像转换为 Web 字体，以便在您的网站上使用，这些字体清晰、可扩展且跨浏览器友好。 此外，使用 CSS 进行自定义以更改颜色、大小、阴影等。
• 爱可梦. 此在线服务可让您创建清晰、像素完美的图标字体。 此外，您可以使用专属的图标字体生成器将图像图标更改为图标字体。 拥有 5000 个免费和开源图标，以及 4000 多个放置在特殊图标包中的高级图标，这里不乏可供选择的图像。

接下来，让我们看看可以在您的 WordPress 网站上使用的字体插件。

WP SVG 图标

WP SVG Icons 是一个 WordPress 图标插件，包含超过 490 个图标。 此外，您可以使用独家的 Icomoon 图标包字体导入器创建和上传多达 10 个自己的自定义图标。

使用此插件，您可以轻松地将图标插入帖子、页面和侧边栏，而无需使用最新的短代码功能编写任何代码。

最后的想法

在您的 WordPress 网站上使用图标字体不仅可以在不牺牲速度或性能的情况下添加精美的图像，还可以为您的网站增加一定程度的功能，从而鼓励更多的用户交互。

图标字体易于缩放、自定义，最重要的是，它们为您的网站访问者提供终极查看体验，无论他们从何处访问您的网站。

使用插件解决方案（例如 WP SVG Icons）是将图标字体添加到您的网站的最简单方法之一。 这是因为使用字体插件几乎不需要配置，它通常会为您完成大部分工作，因此您不必处理大量的 HTML 代码。

如果您希望增加网站的页面浏览量，促进内容互动，并为网站访问者提供一个吸引人的网站，清楚地传达您希望他们做什么，请考虑使用 Better Font Awesome 或任何其他选项在您的网站上添加图标字体我和你分享了。

标签：

• 字体