使用 Elementor Pro 的自定义图标功能将您自己的自定义图标上传到您的网站。您可以使用 Fontello、Icomoon 或 Fontastic 来完成这项工作。https://www.youtube.com/embed/qADy2f8DsWo?feature=oembed
创建你的字体集 #
丰泰洛
- 访问http://fontello.com/
- 选择一些图标,或上传您自己的自定义 SVG 文件
- 点击扳手。添加 CSS 前缀。确保它是独一无二的
- 给你的字体起个名字
- 下载字体(zip 文件)
图标月亮
- 前往https://icomoon.io/app
- 选择一些图标,或上传您自己的自定义 SVG 文件
- 单击“生成字体”选项卡
- 单击首选项按钮
- 给你的字体起个名字
- 在“类前缀”下,给它一个唯一的前缀
- 点击 X 退出
- 单击“下载”以下载您的字体(zip 文件)
梦幻般的
- 创建一个Fontastic帐户
- 选择一些图标或导入您自己的图标
- 要导入,请单击顶部菜单栏中的“添加更多图标”
- 单击“修改字体”选项卡
- 给你的字体起个名字
- 给你的字体一个独特的 CSS 类前缀
- 点击保存
- 转到“发布”标签
- 单击“下载”以下载您的字体(zip 文件)
安装字体集 #
在 WordPress 仪表板中转到:
- Elementor > 自定义图标
- 点击新增
- 拖放您的字体 zip 文件
- 输入您的图标集名称
- 点击更新
- 现在,您将在“自定义图标”区域下找到新的自定义图标,您将在其中看到您的图标集名称、图标编号指示器以及每个图标集的唯一 CSS 前缀。