Vue项目引入ttf字体库

Vue项目引入ttf字体库

平时在开发过程中，需要使用ttf字体库，要怎么使用呢？下面就是教程。

1.将字体库存入项目(src/assets)

2.新建css文件(fonts.css)引入文件并命名

@font-face {
  font-family: 'titlefont';
  src: url("title-font.ttf");
}
@font-face {
  font-family: 'timefont';
  src: url("time-font.ttf");
}

3、在 main.js 文件中全局引入

import '/@/assets/font/titlefont.css';

4、使用

.classNmae{
    font-family: Gotham;
}