iconfig字体图标的使用方式

2020-10-17  本文已影响0人  用技术改变世界

1. 定义文件

iconfont.css文件

@font-face {

    font-family: 'iconfont';

    src: url('iconfont.eot?t=1602732704798'); /* IE9 */

    src: url('iconfont.eot?t=1602732704798#iefix') format('embedded-opentype'),

        /* IE6-IE8 */

            url('data:application/x-font-woff2;charset=utf-8;base64,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')

            format('woff2'),

        url('iconfont.woff?t=1602732704798') format('woff'), url('iconfont.ttf?t=1602732704798') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1602732704798#iconfont') format('svg'); /* iOS 4.1- */

}

.iconfont {

    font-family: 'iconfont' !important;

    font-size: 10px !important;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.iconxianshisuoyoushuju:before {

    content: '\b41';

}

.iconchanpinguimosvg:before {

    content: '\b39';

}

.iconguimoliushui:before {

    content: '\b38';

}

.iconfaqifukuan:before {

    content: '\b37';

}

.iconyincanglishishuju:before {

    content: '\b40';

}

.iconshengyutouzikuan:before {

    content: '\b36';

}

.iconclose:before {

    content: '\b35';

}

.el-icon-circle-close:before {

    font-family: 'iconfont' !important;

    font-size: 10px !important;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: '\b35';

}

.icondaochu:before {

    content: '\b33';

}

.icondaiban:before {

    content: '\b34';

}

.iconcaidan_canshushezhi:before {

    content: '\b32';

}

.iconcaidan_wendangzhongxin:before {

    content: '\b31';

}

.iconcaidan_quanxianguanli:before {

    content: '\b30';

}

.iconcaidan_guanlianjiaoyi-01:before {

    content: '\b18';

}

.iconcaidan_zijinguanli-01:before {

    content: '\b19';

}

.iconcaidan_fenedengji-01:before {

    content: '\b24';

}

.iconcaidan_jianguanbaobiao-01:before {

    content: '\b28';

}

.iconcaidan_jiaoyibaobiao-01:before {

    content: '\b25';

}

.iconcaidan_jiaoyiguanli-01:before {

    content: '\b17';

}

.iconcaidan_jiaoshouguanli-01:before {

    content: '\b20';

}

.iconcaidan_kehugailan-01:before {

    content: '\b21';

}

.iconcaidan_jiankongbaobiao-01:before {

    content: '\b26';

}

.iconcaidan_jingyingbaobiao-01:before {

    content: '\b27';

}

.iconcaidan_kehuguanlianchanpin-01:before {

    content: '\b23';

}

.iconcaidan_touziguanli-01:before {

    content: '\b16';

}

.iconcaidan_kehuguanli-01:before {

    content: '\b22';

}

.iconcaidan_shujujishi-01:before {

    content: '\b29';

}

.iconcaidan_zhanghuguanli-01:before {

    content: '\b15';

}

.iconcaidan_chanpinguanli-01:before {

    content: '\b14';

}

.iconfeiyongjiti-01:before {

    content: '\b13';

}

.iconrenhangfenlei-01:before {

    content: '\b8';

}

.iconzuofei-01:before {

    content: '\b12';

}

.iconshengmingzhouqi-01:before {

    content: '\b11';

}

.iconliucheng-01:before {

    content: '\b10';

}

.iconkehushidangxingxinxi-01:before {

    content: '\b7';

}

.iconkehufanxiqianxinxi-01:before {

    content: '\b6';

}

.iconxuanze-01:before {

    content: '\b9';

}

.iconkehujibenxinxi-01:before {

    content: '\b5';

}

.icontuoguanrenxinxi-01:before {

    content: '\b4';

}

.iconchanpintuanduixinxi-01:before {

    content: '\b3';

}

.iconweituorenxinxi-01:before {

    content: '\b2';

}

.iconchanpinjichuyaosu-01:before {

    content: '\b1';

}

定义好字体图标之后

在main.ts中导入 

使用

效果如图

图标有点偏,我们再修改下样式如下

搞定!双击666

上一篇 下一篇

猜你喜欢

热点阅读