1. 下载文字样式包(.ttf文件)
2. 在src的assets文件下创建font文件夹,将所下载的文件放入font文件中
3. 在文件夹中新建font.css文件
4. font.css中内容
@font-face {
font-family: 'numBFamily';
src: url('./Oxanium-Medium.ttf');
font-weight: normal;
font-style: 100;
}
5.在main.js中引入字体样式
import "./assets/font/font.css"
6. 页面中使用
.xmyx {
font-size: 18px;
color: #1ffcf1;
border: 2px solid #036eb8;
margin: 3px;
padding: 4px 4px 0px 4px;
border-radius: 4px;
font-weight: 900;
font-family: "numBFamily";
}