有可以查看iconfont包含的所有图标的工具吗？？？字体工具只能看到乱码。

z109876543210 2018-07-26 06:26:19

有可以查看iconfont包含的所有图标的工具吗？？？字体工具只能看到乱码。

...全文

1640 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

中国之紫 2019-08-20

打赏
举报

回复

还真有，《iconfont 在线预览工具及其解》文章链接，https://segmentfault.com/a/1190000020121850 工具链接，http://blog.luckly-mjw.cn/tool-show/iconfont-preview/index.html

伟洪winni 2018-07-30

打赏
举报

回复

iconfont : http://imweb.io/topic/5569954d81b7d645060deda3

主要介绍了详解Vue+elementUI build打包部署后字体图标丢失问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

iconfont 字体图标错乱

最近碰到了一个问题，线上环境项目偶尔会出现字体图标乱码的问题，百度了一波，解决如下：项目打包原因 1.element ui中项目打包使用的是node-sass 2.本地sass文件中的package.json文件里是 dart-sass，使用node-sass打包生成的字体图标文件 3.卸载sass,重装node-sass,node-sass安装因为网络环境的问题可能会失败，可以使用淘宝镜像。使用dart-sass打包后生成的字体图标文件 4.至此，乱码问题就完美解决了。 5.还有一个小插曲，换

下图是从iconfont下载的项目文件目录下图是微调后主要的项目CSS代码导致不显示图标控制台警告decode失败！！！下面是解决方案： icontfont.cn官网前往并打开 ‘ 资源管理 ’ - ‘ 我的项目 ’ - ’ 更多操作 ’ - ’ 编辑项目 ’ 然后按照我下面的字体格式选项勾选之后，再次下载，这次的压缩包会包含base64编码和 .EOT文件（实测若只勾选Base64编码也可以解决乱码问题，但是为了更好的兼容性，推荐仍选择EOT） css片段：最终效果：问题完美

在 build文件夹里面的 utils.js 文件中加上publicPath:"../../"

20,359

社区成员

19,658

社区内容

发帖

与我相关

我的任务

phpphpstorm 技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章