怎么对阿里iconfont两个项目中的字体图标合并

1.把下载下来的2个文件夹都放入项目中

2.如要把iconfont2文件夹中的字体图标合并到iconfont文件夹中,则如下图，修改iconfon2文件夹下左侧该图标的五个文件名，同时修改这个文件夹中iconfont.css中@font-face里对应url里面的文件名称，因为下一步要把这些复制到iconfont文件夹相应位置中，以防名称冲突

3.把修改好的新的图标文件(5个)以及对应图标的@font-face拷贝到项目里

4.接下来就可以使用图标的类名或者_unicode代码实现新增图标的使用(以前怎么用，现在还是怎么用)。为了查看图标类名方便，这里我也把iconfont2文件夹中demo-index.html 文件里的图标列表（注意:一共三段ul，分别是unicode,font-class,symbol）复制到了iconfont文件夹中的demo-index.html中相应位置，这里只展示了一段。

5.接下去就把项目里的iconfont2文件夹删除吧

ps:亲测可用，可能有点拙劣，有好的想法和意见欢迎提出改进

怎么对阿里iconfont两个项目中的字体图标合并相关推荐

项目中引入阿里巴巴图标——iconfont图标的使用-svg格式
项目中引入阿里巴巴图标--iconfont图标的使用-svg格式一.下载图标 1.先进入iconfont.cn页面 iconfont官网:https://www.iconfont.cn/ 2.登陆, ...
vue项目中设置网站图标
怎么在vue项目中设置网站图标: 1,先下载个icon图标,favicon.ico,大小为32*32的,放到static文件夹下: static文件是vue项目中用来存放静态资源的文件夹,放到这里的文 ...
在微信小程序中使用字体图标
方法一:转化为base64 第一步:在阿里巴巴矢量图标库下载需要的图标 QQ截图20180316191514.png 点击下载代码,将下载后的download.zip解压第二步:进入https:// ...
在 uni-app 中使用字体图标
在 uni-app 中使用字体图标下载iconfont字体图标进入 iconfont 官网本地下载图标文件压缩包解压出来在uni-app 项目static 下新建 fonts 文件夹 ...
如何在移动端app中应用字体图标icon fonts （转）
原文: http://www.cnblogs.com/willian/p/4166757.html?utm_source=tuicool&utm_medium=referral How to ...
如何在移动端app中应用字体图标icon fonts
How to use icon fonts in your mobile apps 在任何APP设计中实现可图形的矢量缩放最完美的方式是使用字体图标. 移动端的设计变的越来越复杂.原因在于多样的屏幕尺 ...
nvue(weex)中使用字体图标
1.在nvue页面的created生命周期中做如下设置 created() { let domModule = weex.requireModule('dom'); ...
iview Table列表中增加字体图标
iview Table列表中增加字体图标一: {'title': this.$t('设备别名'),'key': 'actStatus',render: (h, params) => {retu ...
html页面icon字体无法显示,bootstrap中icon字体图标怎么不显示？
bootstrap中icon字体图标怎么不显示?下面本篇文章给大家介绍一下Bootstrap字体图标不显示问题.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 问题: bootstr ...

怎么对阿里iconfont两个项目中的字体图标合并

怎么对阿里iconfont两个项目中的字体图标合并相关推荐

最新文章

热门文章