使用自制图标字体的前端配置简要说明
武汉/设计爱好者/10年前/662浏览
版权
使用自制图标字体的前端配置简要说明
前端如何使用AR自制图标字体的简单小教程~~~供组内成员们进行参考(与如何在软件中使用字体图标教程配合使用)
使用 Art-Reactor
1. 环境配置
在如下所示的基础环境中,你可以快速便捷地安装你需要的库。当然,你可以根据需要去配置你自己的环境。
node
grunt
bower
2. 安装
在你的项目中使用如下任意一个命令,下载安装
bower install https://github.com/chinakids/Art-Reactor.git --save
bower install Art-Reactor --save下载完后,文件目录如下:
3. 使用
3.1 引入CSS
<head>
<link rel="stylesheet" href="../yourPath/Art-Reactor/dist/art-reactor.min.css">
</head>
3.2 引用class
<body>
<i class="ar ar-fox-ued"></i>Art-Reactor
</body>
页面效果:
你可以进入 字体图标集 查看所有的图标,并选择你所需要的图标
4. 修改
你可以像修改字体那样来修改字体图标
.ar-fox-ued {
/* set the style you like */
font-size: 19px;
color: #c93756;
}
5. 参考





1
举报
声明
5
分享
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
登录注册
1登录即可同步推荐记录哦
5登录即可加入我的收藏
评论登录即可评论想法
分享分享





























![BrawlStars荒野乱斗同人[02]. by 丁几](https://img.zcool.cn/community/6ab9edd86422d4gs1pg5zx8755.png?k=72c0645eb0a85080378019f54cc3acfd&t=6ae61080&x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)









