添加特殊字体

src/App.vue

@@ -59,6 +59,7 @@ export default {
 </script>
 
 <style lang="less">
+@import url('./assets/fonts/font.css');
 #app {
   font-family: "Avenir", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;

src/assets/fonts/font.css

+@font-face{
+  font-family: 'gangbi'; 
+  src: url('./fffzzz.ttf');
+}
+
+@font-face{
+  font-family: 'gangbi'; 
+  src: url('文鼎粗钢笔行楷.ttf');
+}

src/views/Home.vue

 <template>
   <div class="home">
-    <h6>home页{{msg}}</h6>
+    <h6 class="gangbi">home页{{msg}}</h6>
+    <h6 class="gangbi">钢笔字体</h6>
     <ul>
       <li>
         <button @click="testJump">跳转详情生成海报</button>
@@ -43,3 +44,10 @@ export default {
   }
 }
 </script>
+
+
+<style lang="less">
+.gangbi {
+  font-family: "gangbi";
+}
+</style>
\ No newline at end of file