vue2项目引入阿里妈妈字体

1.首先去阿里图标字体库下载需要的字体包

2.解压后放入项目文件夹并在当前文件夹下创建css文件

3.在css文件里引入资源

@font-face {
    font-family:'Ma';
    src: url(./AlimamaShuHeiTi-Bold.ttf),
    /* url(./AlimamaShuHeiTi-Bold.woff),
    url(./AlimamaShuHeiTi-Bold.woff2) */
    ;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

4.在main.js中引入该css文件，即可全局使用

import '@/assets/fonts/font.css'

.title {
                        width: 100%;
                        font-size: 14px;
                        font-family: Ma;
                        position: absolute;
                        color: #fff;
                        
                    }