网站建设资讯

NEWS

网站建设资讯

阿里巴巴矢量图标库的使用-创新互联

1,打开阿里巴巴矢量图标库

站在用户的角度思考问题,与客户深入沟通,找到蚌山网站设计与蚌山网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:做网站、成都做网站、企业官网、英文网站、手机端网站、网站推广、国际域名空间、虚拟空间、企业邮箱。业务覆盖蚌山地区。

http://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.da2e3581b&type=1

2,选择需要的图标加入购物车;

3,将购物车中的图标加入本地项目;

第一种方法:

(1)获取在线链接,将获取到的在线链接复制到编辑器css文件;

(2)unicode

第二种方法:

(1)点击暂存架的下载至本地,解压待用;

(2)打开下载包中的demo.html,按照demo的步骤,配置ionic的项目;

(3)静态文件存放目录,新建font文件夹用来存放字体文件(可自定义存放);

(4)css使用font-face声明字体;

(5)css定义使用iconfont的样式;

(6)挑选相应图标并获取字体编码,应用于页面就可以显示图标啦

第三种方法:

(1)同第二种方法,只是使用方法不同

(2)Ionic的图标只要加个类似ion-happy  ion-XXX的class就可以应用相应的图标;

(3)将那些.icon-XXX:before{content:'XXXX'}也复制到你的css文件中去

(4)只要在class中加 iconfont  icon-XXX就可以使用图标了;

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前文章:阿里巴巴矢量图标库的使用-创新互联
标题URL:http://cdweb.net/article/dppsep.html