前提:在 vue 项目中使用 ttf 字体
1.引入字体文件
- 将已有的字体文件
xx.ttf
放入项目的assets
目录下
然后创建fonts.css
文件,文件内容:
@font-face {
font-family: 'design-title';
src: url('./design-title.TTF');
font-weight: normal;
font-style: normal;
}
- 在
main.js
中引入字体的css
文件
import '@/assets/fonts/fonts.css'
2.使用字体
<div class="main-name">平台</div>
...
.main-name {
font-family: design-title;
}