使用自制图标字体的前端配置简要说明

用户头像
武汉/设计爱好者/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吧!
推荐素材
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面男孩喝咖啡插画设计
牛奶乳液层次平面平铺平面
古风平面仕女与瓷器
海底世界插画
金色颗粒质地的平面
学习,优惠券,平面,海报
金色颗粒质地的平面
城市园林平面布局航拍
平面风格黄绿色系花朵装饰
“知识宅急送”外卖,快递,平面,海报,素材,教育
水蜜桃和李子的平面水果图案
平面书法字手写
课程海报,平面素材
平面插画设计女孩喝咖啡
玄关入门地毯印花图案红地毯
城阙凡花
金色颗粒质地的平面
中国传统纹样创新图案设计
牛奶乳液层次梯田平铺平面
空的平台平面和自然景观
平面设计 吊牌设计
城市园林平面布局航拍
平面插画情侣/矢量
你可能喜欢
大家都在看
登录注册