阿里巴巴字体图标的使用

1 先把需要使用的字体图标加入到购物车自己创建的项目中

2 点击生成代码,复制到css样式中去 类似下面这种

@font-face {

font-family: 'iconfont';  /* project id 648096 */
  src: url('//at.alicdn.com/t/font_648096_i72tb9cr48peewmi.eot');
  src: url('//at.alicdn.com/t/font_648096_i72tb9cr48peewmi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_648096_i72tb9cr48peewmi.woff') format('woff'),
  url('//at.alicdn.com/t/font_648096_i72tb9cr48peewmi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_648096_i72tb9cr48peewmi.svg#iconfont') format('svg');
}
html代码

<view class='name'></view>
css样式
.name::before{
 font-family: iconfont;
  content: '\e60a';
  display: block;
  color: #89dfbd;
  font-size:20rpx;
 } 

 

猜你喜欢

转载自www.cnblogs.com/alenhx/p/9102229.html