IconMoon将svg转换成字体图标

悠悠 2021-07-24 16:54 454阅读 0赞

1、从iconfont下载svg图片

2、到IconMoon里,点击右上角IconMoon App

3、点击导入  
![在这里插入图片描述][20200818104019218.png_pic_center]  
4、选中导入的图片,点击  
![在这里插入图片描述][20200818104048186.png_pic_center]5、点击preference,可设置字体图标名称等信息  
![在这里插入图片描述][20200818104134202.png_pic_center]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70_pic_center]  
6、点击下载  
![在这里插入图片描述][20200818104411517.png_pic_center]  
7、拷贝压缩包内的fonts和style.css到项目中

8、在全局配置  
import 'style.css路径’即可

9、使用  
按照style.css中的类前缀class=‘itlike-5’ 即可  
![在这里插入图片描述][20200818105235299.png_pic_center]

[20200818104019218.png_pic_center]: /images/20210724/2b92655a7958491d9b609a2a56220cd0.png
[20200818104048186.png_pic_center]: /images/20210724/a79de610a7f24e49b5f350b16b384181.png
[20200818104134202.png_pic_center]: /images/20210724/368327ba05c944f5898d9451625f5b2e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70_pic_center]: /images/20210724/cab2c15794484fe293f494d4ac15db94.png
[20200818104411517.png_pic_center]: /images/20210724/e591356fbc3e443f90385565b61d9843.png
[20200818105235299.png_pic_center]: /images/20210724/ca950391701442baacf9407109f1f625.png

发表评论取消回复

表情：

评论列表（有 0 条评论，454人围观）

还没有评论，来说两句吧...

相关阅读

相关使用 JavaScript 将 SVG 转换为 PNG

我过去一直使用 canvg 将 SVG 转换为 PNG，但是正如您从链接中看到的那样，它并不支持所有 SVG 功能。如果您使用 D3 或任何喜欢在 SVG 中工作的库，那么您可

男娘i/ 2023年10月02日 13:52/ 0 赞/ 35 阅读

相关微信小程序使用base64字体图标（生成字体图标+将字体图标转为base64格式）

问题： 1.微信小程序不能随意使用网络资源，如字体,css文件等 2.不能在小程序中使用字体文件 3.不能使用background-position背景图片定位来使用内部

小咪咪/ 2023年07月01日 11:51/ 0 赞/ 53 阅读

相关将svg图片转为字体图标

[icomoon链接][icomoon] 通过icomoon将svg图片转为字体图标的步骤如下：点击icomoon app按钮

梦里梦外;/ 2023年03月13日 13:17/ 0 赞/ 77 阅读

相关 svg矢量图标

一、介绍：是使用 XML来描述二维图形和绘图程序的语言，可缩放矢量图形。Internet Explorer9，火狐，谷歌Chrome，Opera和Safari都支持SVG。IE

待我称王封你为后i/ 2022年10月29日 01:43/ 0 赞/ 316 阅读

相关字体图标

阿里 > 1,打开阿里巴巴矢量图,选择你所需要的 > 2,把你选择的添加到购物车,然后下载 > 3,下载好之后解压, > 4,开始操作了,把iconfont复

刺骨的言语ヽ痛彻心扉/ 2022年06月05日 01:53/ 0 赞/ 632 阅读

相关把 svg 图标转成字体图标调用

1、打开 http://www.iconfont.cn 网站，登录账号 2、点击上传图标，上传完去到我的图标就可以查看到刚上传的图标了 ![2018031118162176

﹏ヽ暗。殇╰゛Y/ 2022年05月30日 11:25/ 0 赞/ 272 阅读

相关如何创建一个svg字体图标

打开https://icomoon.io 点击右上角的IcoMoon按钮，导入我们的svg图片，选中这些图片，然后点击右下角的Generate Font按钮，来生成图标字体。我

快来打我*/ 2022年05月29日 12:47/ 0 赞/ 239 阅读

相关网页使用SVG图标

<html> <style> .logo{ background-repeat:no-repeat; background-i

浅浅的花香味﹌/ 2022年05月28日 14:07/ 0 赞/ 279 阅读

相关 react-native系列(12)图标篇：使用阿里字体库iconfont图标和svg详解

在前端开发中，经常会用到iconfont图标库来管理图标，在RN开发中有时候同样需要如此。在百度上搜索过RN相关的图标管理方案，发现都较为复杂。于是写下了本篇博客，为大家介绍另

た入场券/ 2021年09月18日 09:48/ 0 赞/ 651 阅读

相关 IconMoon将svg转换成字体图标

1、从iconfont下载svg图片 2、到IconMoon里,点击右上角IconMoon App 3、点击导入 ![在这里插入图片描述][20200818104019

悠悠/ 2021年07月24日 16:54/ 0 赞/ 455 阅读