字体图标注运用方法——以Iconfont为例

2019-02-10 栏目:uedbet app 作者: [db:作者]

  字体图标注却认为前端工程和UI设计师供壹种便宜高效的图标注运用方法。而Iconfont是国际干用很绵软弱小且图标注情节很厚墩墩的矢量图标注库,供矢量图标注下载、在线存放储、程式替换等干用,由阿里巴巴体验团弄队倾力打造,设计和前端开辟的便捷器。下面伸见壹种骈杂便捷的Iconfont运用方法。

  1、翻开Iconfont-阿里巴巴矢量图标注库官网? http://www.iconfont.cn/

  2、登录,淘珍、Github等账号邑却以登录

  3、搜索并找到你想要的图标注

  

  将鼠标注放入图标注会出产即兴选择框,点击第壹个添参加以库

  

  此雕刻,在顶部带航栏右侧的购物车(库)图标注处会露示新添加以壹个图标注

  

  点击此雕刻个购物车(库)图标注,终止图标注办,添加以进款目

  4、点击“添加以到项目”按钮,假设需寻求添加以到新项目,点击红框框选处

  

  新建项目,堵写项目名称,然后点击“决定按钮”

  

  5、此雕刻么图标注就被添加以进了项目

  

  点击红框框选处的“暂无代码,点此生成”,然后点击“骈制代码”,此雕刻么骈制的代码是供伸入的css样式的在线道路

  

  6、在HTML中伸入css链接文件,运用字体图标注时,给需寻求的元斋添加以class为iconfont和字体图标注的样式类名,字体图标注的样式类名在网页上却以骈制

  

  HTML代码如次:

  此雕刻么就却以在己己己的网页上露示字体图标注了

  

  7、假设项目运用的字体图标注突发变募化,条需寻求花样翻新CSS样式的在线道路即却。

上一篇:壁纸吸水性_哪个品牌的壁纸吸水性比较好的伸见
下一篇:没有了