#老雷PHP全栈开发教程#跟着老雷学php,快速成为合格的PHPer今天来推荐一个前端必备的图标库iconfont,iconfont是阿里巴巴推出的矢量图标,用它我们可以减少大量的图标制作时间,它就像个文字一样,可以设置颜色。
我们还可以下载png格式的图片iconfont应该是阿里推出的最棒的前端库了iconfont支持项目管理,同时可以支持多人协作。
另外我们可以上传我们的图标库。iconfont支持在线地址,我们可以直接引入线上的。也可以下载到本地使用。
在H5中,线上线下使用都可以 。
在小程序中,我们可以使用本地css+线上字体来实现//iconfont.css @font-face { font-family: iconfont; /* project id 811242 */ src: url(//at.alicdn.com/t/font_811242_0bxspvbkqxma.eot); src: url(//at.alicdn.com/t/font_811242_0bxspvbkqxma.eot?#iefix) format(embedded-opentype), url(//at.alicdn.com/t/font_811242_0bxspvbkqxma.woff2) format(woff2), url(//at.alicdn.com/t/font_811242_0bxspvbkqxma.woff) format(woff), url(//at.alicdn.com/t/font_811242_0bxspvbkqxma.ttf) format(truetype), url(//at.alicdn.com/t/font_811242_0bxspvbkqxma.svg#iconfont) format(svg); } //style.css @import "iconfont.css";
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。