字体和图标引入

一，字体引入

01.jpg

02.jpg

/* 声明字体图标 这里一定要注意路径的变化 */
        @font-face {
            font-family: 'icomoon';
            src: url('./fonts/icomoon.eot?tomleg');
            src: url('./fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'),
                url('./fonts/icomoon.ttf?tomleg') format('truetype'),
                url('./fonts/icomoon.woff?tomleg') format('woff'),
                url('./fonts/icomoon.svg?tomleg#icomoon') format('svg');
            font-weight: normal;
            font-style: normal;
            font-display: block;
        }

03.jpg

04.jpg

二，图标引入

阿里巴巴矢量库地址：https://www.iconfont.cn/

01.jpg

02.jpg

03.jpg

04.jpg

05.jpg

06.jpg

07.jpg

08.jpg

09.jpg

10.jpg

11.jpg

12.jpg