font-face技术实现图标多样化。
HTML5 24 次浏览
Webfont 的图标字体用起来还挺香的,尤其是做后台系统、移动端页面这种,需要一堆小图标但又懒得切图的场景。你可以直接用类名控制图标显示,响应也快,代码也干净。 图标的加载方式和普通字体类似,用@font-face搞定,再加上:before或:after伪元素,图标就能像文字一样用content显
HTML5 0 次浏览
FontAwesome 的图标字体元件库,用起来是真方便。4.5.0 这个版本虽然不新,但图标数量挺全,兼容性也好,适合用在 AXURE 里搞原型。你只需要把字体装上,在 AXURE 里配置一下字体,马上就能像拖组件一样用图标,效率提升不止一点点。像那种加个小图标按钮、标注箭头方向啥的,用 Unic
HTML5 0 次浏览
font-awesome.min.css 提供了可缩放矢量图标, 可通过 CSS 进行定制, 例如: 修改大小、颜色、阴影等效果。
HTML5 21 次浏览
图标字体的老搭档——MaterialDesignSymbolObjC,是用 Objective C 写的一个图标字体库,专门搞定 Google 的 Material Design Icons。挺方便的,用起来就像调用普通对象一样。 MaterialDesignSymbolObjC的用法比较直接。比如
Swift 0 次浏览
第一步:获取图标字体文件,可从http://www.iconfont.cn获取。第二步:将.ttf文件导入项目中,并勾选Add to targets选项。第三步:在info.plist中配置UIAppFonts,并添加iconfont.ttf。第四步:使用NSString_IconFont中的IFC
IOS 27 次浏览
图标控的 iconfont 资源,H5 页面专用的那种,尤其适合搞仿京东、淘宝那一类移动电商。图标不算全,但常用的那些差不多都能找到,拿来当项目素材挺顺手的。电商项目的图标需求还挺细致的,是分类、购物车、会员这些,一套靠谱的.woff图标字体能省不少事。你只要在 CSS 里引一下,用font-fam
HTML5 0 次浏览
Webpack 的项目里用 Iconfont 图标,其实不麻烦,就是路径和 loader 要配好。字体图标用起来挺省事,样式随便改,加载也快。唯一得注意的,是 Webpack 不认识这些字体文件,要教它怎么。你只要把 CSS 里的路径改对,配置一下url-loader和file-loader,剩下的
Webpack 0 次浏览