中iconfront(离线状态下的离线字体)的使用方法(文档来自官方文档)用户可以在iconfont.cn下载各种格式的图标,平台也可以将图标转成字体,这方便前端工程师自由调整调用。第一步:复制项目下生成的font-face@font-face{font-family:'iconfont';src:url('iconfont.eot');src:url('iconfont.eot?#iefix')格式('embedded-opentype'),url('iconfont.woff')格式('woff'),url('iconfont.ttf')格式('truetype'),url('iconfont.svg#iconfont')格式('svg');}步骤2:使用iconfont(specified).iconfont{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased定义样式;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}第三步:选择对应的icon并获取字体代码,应用到页面3。例如:豆瓣APP搜索框第一步复制粘贴到最后在div中使用
