字体包引入

src/assets/fonts/fonts.css

@@ -0,0 +1,13 @@
+@font-face {
+  font-family: "ZhenyanGB";
+  src: url('ZhenyanGB.ttf');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "YouSheBiaoTiHei";
+  src: url('YouSheBiaoTiHei.ttf');
+  font-weight: normal;
+  font-style: normal;
+}

src/assets/styles/index.scss

@@ -21,8 +21,9 @@
     background-size: cover;
     h2{
       font-size: 0.6rem;
+      font-family: "ZhenyanGB";
+      font-weight: normal;
       line-height: 1.125rem;
-      font-weight: bold;
       text-align: center;
       letter-spacing: 0.2rem;
       background: linear-gradient(180deg, #FFFFFF 0%, #1AC9FF 100%);
@@ -69,9 +70,10 @@
     line-height: 0.475rem;
     padding-left: 0.525rem;
     font-size: 0.325rem;
-    font-weight: bold;
     background: url('~@/assets/images/title.png') no-repeat center center;
     background-size: cover;
+    font-family: 'YouSheBiaoTiHei';
+    letter-spacing: 0.1rem;
   }
   .module-content{
     border: 1px solid #2C75E0;

src/main.js

@@ -9,6 +9,7 @@ import '@/common/flexible.js'
 // 引入全局css
 import './assets/styles/style.scss'
 import './assets/iconfont/iconfont.js'
+import './assets/fonts/fonts.css'
 
 import axios from 'axios'
 Vue.prototype.$axios = axios