vue引入外部字体

• 创建文件夹 存放字体 在src目录下创建font文件夹 ，字体放在这个文件夹下,命名为字体名（英文更好），并且创建font.css 

•  在font.css中

@font-face {
    font-family: 'TIME'; //自己定义
    src: url('../font/SourceHanSerifCN-Regular.otf'); 
    font-weight: normal;
    font-style: normal;
  }
  

• 在main中引入

import './assets/font/font.css'

• 最后在代码中使用

  .year{
      display: block;
      font-family: 'TIME';
      font-size: 58px;
      font-style: italic;
      color: #000;
      text-align: center
   }