iconfont的使用，阿里矢量图库的引用，配置，改变图标大小和图标颜色 |
您所在的位置：网站首页 › hbuilder怎么改变字体颜色 › iconfont的使用，阿里矢量图库的引用，配置，改变图标大小和图标颜色 |
iconfont的使用，阿里矢量图库的引用，配置，改变图标大小和图标颜色
|
怎么使用iconfont 首先找到自己想要的图标，添加到购物车现在请把iconfont.css放在你常用的css文件目录下，iconfont.eot/svg/ttf/woff 这四个文件可以放在fonts文件下面（文件位置不重要）。但是注意css里面有引入这四个文件的地方，所以文件路径请注意。 如果你只是想使用标签引入小图标的话就行了，如果class里面少了iconfont，就会出现繁体字，所以一定要记住加iconfont如果要使用svg引入的话，那么就一定要引入iconfont.js文件了，这样子就可以任意的改变图标的样式了，比如颜色。大小，本来我贪方便直接用标签，但是想改变颜色一直不知道怎么办。。。。，
接下来说如何改变大小？
直接在.icon里面添加一个样式font-size就行了
改变svg的颜色？
svg是通过path里面的fill来改变颜色的，如果这个图标本身是没有颜色的，那么在.icon这个类里面把fill:red,就行了，但是如果这个图标原本就是有颜色的，那么这么改就起不到作用了，就要改iconfont.js里面的path，它是一个个对应下来的，只要改了fill里面的颜色，那么图标的颜色就对应的改了
|
【本文地址】
今日新闻 |
推荐新闻 |