zoukankan      html  css  js  c++  java
  • 阿里巴巴IconFont的使用方式

    一、解释一下为什么要使用IconFont?

    IconFont顾名思义就是把图标用字体的方式呈现。

    其优点在于以下几个方面:

    1.可以通过css的样式改变其颜色;(最霸气的理由)

    2.相对于图片来说,具有更高的分辨率

    3.更小的存储

    缺点:浏览器兼容性不够普及,所幸,大部分主流浏览器都支持

    二、阿里巴巴IconFont要怎么使用

    1.当然是先下载(上传图片太麻烦,大家多包容哈)

    》登录:http://www.iconfont.cn/

    》点击图标库,搜索购物车,便可以看到一系列购物车图标。
    》选择自己喜欢的图标,加入购物车
    》选择完成后,点开购物车,点击下载代码
    2.如何应用到代码(这部分可以来几张图片)
    打开上述三个页面,就是运用IconFont的3种使用方法(建立一个font文件放置相应的文件)
    (1)Unicode(兼容性最好,不支持多色),需拷贝下面几个文件
    (2)symbol引用,需导入iconfont.js文件
    (3)font-class引用,需导入iconfont.css文件
    具体的代码步骤,3个html都讲述得很清楚,我就不多说了。
    结语:哈!我很感谢那些写博客的大神。虽然我不是一个大神,但是还是希望可以通过自己的微薄之力帮助一些像我一个需要指导的人。
    互联网是给这个世界最大的惊喜。
     
     
  • 相关阅读:
    (转)Dynamic Web project转成Maven项目
    (转)nodejs搭建本地http服务器
    jquery mobile validation
    Quartz任务调度快速入门(转)
    珠宝首饰
    免费素材:25套免费的 Web UI 设计的界面元素(转)
    WebUI框架
    超越大典汽车维修系统
    如何申请开通微信多客服功能
    微信开发者文档连接
  • 原文地址:https://www.cnblogs.com/Begin-Vic/p/6505607.html
Copyright © 2011-2022 走看看