阿里巴巴Iconfont使用总结

　　

　　

　　

　　

　

　　

　　

　　

　　　　

　　　　　　

　　　　　　

.nav ul:before{      content: "\e501";　　　　　　　　　　　　　/*在下载的文件中查看iconfont.css文件,可以得知对应图标在伪对象中的代码*/      font-size:50px;　　　　　　　　　　　　　　/*根据需求,设置图标大小*/      font-style:normal;　　　　　　　　　　　　/*在下载的文件中查看iconfont.css文件,将iconfont类下的代码直接复制一份到伪对象下即可*/      font-family:"iconfont" !important;      -webkit-font-smoothing: antialiased;      -moz-osx-font-smoothing: grayscale;  }

background: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(#FFF));

　　　

　　　　　　

-webkit-background-clip: text;

　　

　　3.3　　文字填充色

-webkit-text-fill-color: transparent;

　　

　　　　

　　4.1　　完整代码

.nav ul:before{    content: "\e501";   font-size:50px;   font-style:normal;   -webkit-background-clip: text;   font-family:"iconfont" !important;   -webkit-text-fill-color: transparent;   -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale;   background: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(#FFF));    }

　　　　

　　4.2　　效果

　　　　

加强效果,来一排

原文：https://www.cnblogs.com/wangyang0210/p/9248324.html