
WordPress 字体
Icon fonts are vector icons used as fonts. They are popular among web designers because they look prettier than bitmap images. They can be resized without losing quality and styled using CSS. This is why many WordPress 主题 use icon fonts. Most notably, the default Twenty Thirteen and Twenty Fourteen themes. However for beginners, it is a little complicated to use icon fonts on their WordPress sites. In this article, we will show you how to use icon fonts in WordPress post editor without writing any HTML or CSS.
图标字体是用作字体的矢量图标。 它们在Web设计师中很受欢迎,因为它们看起来比位图图像更漂亮。 使用CSS可以调整它们的大小而不会降低质量和样式。 这就是为什么许多WordPress 主题是使用图标字体的原因。 最值得注意的是,默认的二十三个和二十四个主题。 但是,对于初学者来说,在其WordPress网站上使用图标字体有点复杂。 在本文中,我们将向您展示如何在WordPress帖子编辑器中使用图标字体而无需编写任何HTML或CSS。

影片教学 (Video Tutorial)
如果您不喜欢该视频或需要更多说明,请继续阅读。
如果您不喜欢该视频或需要更多说明,请继续阅读。
First thing you need to do is install and activate the WP 视觉图标字体 plugin. Upon activation, you need to go to 设置 » 图标字体 to choose an icon font set. Currently, the plugin comes with 字体真棒 and 通用公司 fonts.
您需要做的第一件事是安装并激活WP 视觉图标字体插件。 激活后,您需要转到“设置”»“图标字体”以选择图标字体集。 当前,该插件附带字体真棒和通用公司字体。

After choosing a font, you can now use it with in your WordPress posts, pages, 自定义帖子类型, and even in your theme’s template files. To use icon fonts you need to create or edit a post, and you will notice an 图标 button next to the 添加媒体 button. Clicking on the icons button will open a drop down menu of all the icons available in the icon font set. Selecting an icon from this drop down menu will insert the icon in the post editor.
选择字体后,您现在可以在WordPress帖子,页面, 自定义帖子类型甚至主题模板文件中使用它。 要使用图标字体,您需要创建或编辑帖子,并且您会注意到“ 添加媒体”按钮旁边的“ 图标”按钮。 单击图标按钮将打开一个下拉菜单,其中包含图标字体集中所有可用的图标。 从此下拉菜单中选择一个图标将在帖子编辑器中插入该图标。

You can also change the font size and color using the buttons in the 可视化编辑器.
您还可以使用在可视化编辑器中的按钮更改字体大小和颜色。
To use an icon in your theme, the easiest way to generate the required HTML is to add an icon font in post editor and then switch to 文本编辑器 to copy the HTML code. Paste it in your template files where you want to display an icon font.
要在主题中使用图标,生成所需HTML的最简单方法是在帖子编辑器中添加图标字体,然后切换到“ 文本编辑器以复制HTML代码。 将其粘贴到要显示图标字体的模板文件中。

图标字体可用于在 WordPress 中创建漂亮的登陆页面,而无需使用图像。它们还可以用于突出显示长篇文章或帖子的不同部分。这个插件为您带来了 369 个带有 Font Awesome 的图标和 62 个带有 Genericon 字体的图标。
图标字体可用于在 WordPress 中创建漂亮的登陆页面,而无需使用图像。它们还可以用于突出显示长文章或文章的不同部分。这个插件为您带来了 369 个带有 Awesome 字体的图标和 62 个带有 Genericon 字体的图标。
我们希望这篇文章可以帮助您在 WordPress 中添加很棒的图标字体。请在下面发表评论,让我们知道您打算如何在 WordPress 项目中使用图标字体。
我们希望这篇文章可以帮助您向 WordPress 添加很棒的图标字体。请在下面发表评论,让我们知道您计划如何在 WordPress 项目中使用图标字体。
翻译自: https://www.wpbeginner.com/plugins/how-to-use-icon-fonts-in-wordpress-post-editor/
WordPress 字体