記一次vue使用*.ttf第三方字體庫字體

首先去下載一個字體庫文件，*.ttf 文件

先預覽一下字體在字體庫裏邊的樣子

注意：注意上圖右側圈出來的信息，如：字體名稱，一會兒要用到

將下載下來的 ttf 文件放入項目裏邊

在 同級 新建 fonts.css 文件

@font-face{
    font-family: '沐瑤軟筆手寫體'; 
    src: url('沐瑤軟筆手寫體.ttf');
    font-weight: normal; 
    font-style: normal; 
}

先預覽一下網站沒有使用字體的樣子：

現在使用字體：

@import './assets/font-family/fonts.css';
*{
  margin:0;
  padding:0;
}
html,body,#app{
  width:100%;
  height:100%;
  overflow-x:hidden;
  font-family: "沐瑤軟筆手寫體";
}

再次看網站的樣子

OK，這就是這一次使用第三方字體庫的記錄，如果有什麼不對的或者不合適的敬請指出來，感謝