首页 > 其他 > 详细

iconfont字体图标使用

时间:2019-02-27 13:35:56      阅读:178      评论:0      收藏:0      [点我收藏+]

1.css引入

@font-face
  font-family ‘iconfont‘
  src url(‘//at.alicdn.com/t/font_1062116_jdtc88lagk.eot‘)
  src url(‘//at.alicdn.com/t/font_1062116_jdtc88lagk.eot?#iefix‘) format(‘embedded-opentype‘),
  url(‘//at.alicdn.com/t/font_1062116_jdtc88lagk.woff2‘) format(‘woff2‘),
  url(‘//at.alicdn.com/t/font_1062116_jdtc88lagk.woff‘) format(‘woff‘),
  url(‘//at.alicdn.com/t/font_1062116_jdtc88lagk.ttf‘) format(‘truetype‘),
  url(‘//at.alicdn.com/t/font_1062116_jdtc88lagk.svg#iconfont‘) format(‘svg‘)
.iconfont
  font-family ‘iconfont‘ !important
  font-size 18px
  font-style normal
  -webkit-font-smoothing antialiased
  -webkit-text-stroke-width 0.2px
  -moz-osx-font-smoothing grayscale
  display flex
  justify-content center
  align-items center

 

2.html插入元素

<span class="iconfont">&#xe601;</span>

 

iconfont字体图标使用

原文:https://www.cnblogs.com/sunbey/p/10443125.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!