1500+公用图标字体代码

mt

1500+公用图标字体代码

各种行业的均有。

游客，如果您要查看本帖隐藏内容请回复

使用方法：
1、下载资源包，解压后传到网站目录,以下示例以页面文件与字体文件在同一目录作为参考!；
2、使用font-face声明字体；

1. @font-face {
   
2.   font-family: 'iconfont';
   
3.   src: url('iconfont.eot'); /* IE9*/
   
4.   src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   
5.   url('iconfont.woff') format('woff'), /* chrome、firefox */
   
6.   url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
   
7.   url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
   
8. }

复制代码

3、定义使用iconfont的样式

1. .iconfont{
   
2.     font-family:"iconfont" !important;
   
3.     font-size:16px;font-style:normal;
   
4.     -webkit-font-smoothing: antialiased;
   
5.     -webkit-text-stroke-width: 0.2px;
   
6.     -moz-osx-font-smoothing: grayscale;}

复制代码

4、挑选相应图标并获取字体编码，应用于页面

1. <i class="iconfont"></i>

复制代码