1、在项目的assets文件夹中创建fonts文件夹,将下载好的.ttf字体文件放进去,并创建font.css文件
2、在font.css文件中写字体相关的css
@font-face {
/* 重命名字体名 */
font-family: '苹方字体';
/* 引入字体 */
src: url('./苹方字体.ttf');
font-weight: normal;
font-style: normal;
}
@font-face {
/* 重命名字体名 */
font-family: '优设标题黑';
/* 引入字体 */
src: url('./优设标题黑.ttf');
font-weight: normal;
font-style: normal;
}
3、在main.js中引入字体css
import '@/assets/fonts/font.css'
4、在项目中使用,直接写,例如:font-family : '优设标题黑'