css - 如何使用自定义图标代替 Fontawesome 图标

Question

在这段代码中，我为导航下拉菜单使用了 Fontawesome 图标。现在我必须通过自定义图标。谁能建议如何实现它？

.nav-link-type-one::after,
 li.show .nav-link-type-one::after {
     right: -7px;
     color: #fff;
     font-size: 17px;
     top: 1px;
     font-family: FontAwesome;
     content: "\f0d7";
     position: relative;
 }

 .nav-link-type-one::after,
 li.show .nav-link-type-one::after {
     content: "\f0d7";
 }

 li.show .nav-link-type-one::after {
     content: "\f0d8";
     color: #ec7f4a;
 }

Answer 1

这是一个您可以创建自己的自定义图标的站点。您只需要上传您自定义创建的图标 SVG 并将其转换为字体文件。您可以下载转换后的文件，然后在您的元素中使用它。

---- 要遵循的步骤 --- 单击右上角未命名的元素，然后单击新建元素。您可以在左上角看到导入图标按钮。将您创建的自定义 SVG 图标导入并转换为字体文件

IcoMoon Custom font generator