图标选购网址:http://www.iconfont.cn/
1.从阿里妈妈网站选购好小图标,加入购物车,下载好文件;
2.把字体文件放入字体(font)文件夹(tff)(woff),(eot)
3.样式表里面引入以下内容(../font 这个是根据相对路径做出相应的选择)
@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:12px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
4.html里面写以下内容
<b class="iconfont">写入图标编码</b>
5.新建一个选择器可以编辑文字大小颜色和其他属性
     <b class="iconfont icon">写入图标编码</b>
     .icon{font-size:14px;color:red;}

最新文章

  1. Gson将字符串转换成JsonObject和JsonArray
  2. 深入理解javascript函数系列第三篇——属性和方法
  3. android fragment 的用法以及与activity的交互和保存数据的方法,包括屏幕切换(转载)!
  4. Linux下Nagios的安装与配置[转]
  5. JAVA数组所占内存大小的对比
  6. mysql 与 oracle 比较(一)group by 容易产生的误解
  7. 给宏基装WIN8.1系统之问题与解决方法(原创)
  8. c#部分--- 一维数组放到集合中,在从集合中提取输出
  9. win8升级win10后的windows.old怎么删除
  10. relative与absolute相结合
  11. PC结束 Spark 二次开发 收到自己主动,并允许好友请求
  12. [注意事项&amp;amp;车轮]java源代码 产生局部javadoc api档
  13. java项目开发第六天——天若有情天亦老,人间正道是沧桑
  14. Socket实现聊天客户端
  15. JMeter参数化中存在逗号的解决方法
  16. Docker 容器内存限制 - 八
  17. root用户无法通过ssh连接Linux系统
  18. HDU 5985 Lucky Coins 数学
  19. web4.0基本配置
  20. 牛客网NOIP赛前集训营-提高组(第四场)游记

热门文章

  1. 【Scala学习笔记】第01弹——Scala安装与配置
  2. RIA技术
  3. 常见NoSQL的特点分析与比较
  4. Qt之国际化(系统文本-QMessageBox按钮、QLineEdit右键菜单等)
  5. HDU 1506 Largest Rectangle in a Histogram
  6. POJ 1976 A Mini Locomotive【DP】
  7. 【转】 ARM Linux 3.x的设备树(Device Tree)
  8. pycharm Working directory error
  9. 【JavaScript学习笔记】鼠标样式
  10. 【英语】Bingo口语笔记(17) - 表示“感谢/不用客气“