1、导入字体文件( .ttf格式)
1.下载相应的字体文件,或者找ui设计师要一份。一般字体文件使用 .ttf
格式的即可。
将准备好的字体文件,放在项目中,文件目录示例如下:
2.创建一个font.css
文件用于定义这个字体包的名字
@font-face {font-family: "Open-Sans";src: url('./Open-Sans-2.ttf');font-weight: normal;font-style: normal;
}
3. 然后在main.js
中将这个css文件引入(全局使用) ,
// 在 main.js 中引入字体包
import '@/assets/fontFamily/font.css'
(也可以单页面引用 (单页面使用噢))
4.在需要的地方使用即可:
.container {min-height: 100%;color: #fff;font-family: 'Open-Sans';
}