如何在cssicon中找到自己想要的

html-css034

如何在cssicon中找到自己想要的,第1张

首先，打开CSSIcon网站，在搜索框中输入关键字，可以查找到相关的图标，也可以通过分类查找，比如社交媒体、电子邮件、购物等，还可以通过标签查找，比如箭头、锁、礼物等，这样就可以找到自己想要的图标了。

编辑 iconfont.css 文件，修改 font-family 字体名称，如 xx-iconfont ，避免与默认的字体库发生冲突，

然后在 assets/css 目录下新建 icon.css 文件 ,

上面 el-icon-xx 中的 xx 为你自定义的名称

最后，就可以在项目中使用自定义的字体文件了。

这个可能是字体文件名称跟原来冲突导致的，假如我们没有使用自定义的名称 xx-iconfont , 而是默认的 iconfont ，那么就可能会出现 icon 不能正确显示的问题。

CSS中用字体标签画icon图标方法：

1、先引入字体标签字体；

2、在相关标签内使用（例：如下）。

<link type="text/css" rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" /> <span class="fa fa-phone"></span>