feat:新增字体

src/App.vue

@@ -20,3 +20,6 @@ export default {
   },
 };
 </script>
+<style>
+@import url('./fonts/font.css');
+</style>

src/fonts/font.css

@@ -0,0 +1,15 @@
+@font-face {
+    font-family: 'JinBuTi';
+    /* 自定义字体名称 */
+    src: url('./DingTalk JinBuTi.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Sans';
+    /* 自定义字体名称 */
+    src: url('./DingTalk Sans.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}

src/views/login.vue

@@ -2,7 +2,7 @@
   <div class="login">
     <section class="system_name">数字农业平台</section>
     <div class="login_content">
-      <section class="login_text"></section>
+      <section class="login_text">登录</section>
       <div>
         <el-form label-position="top">
           <el-form ref="loginForm" :model="loginForm" :rules="loginRules">
@@ -265,15 +265,17 @@ export default {
     font-size: 100px;
     font-weight: bold;
     color: #fff;
-    font-family: '黑体';
+    font-family: 'JinBuTi', sans-serif;
-    transform: skew(-16deg);
+    transform: skew(-12deg);
   }
   .login_content {
     .login_text {
       margin: 0 auto 60px;
       width: 128px;
       height: 78px;
-      background: url('../assets/login/loginText.png') no-repeat;
+      font-family: 'JinBuTi', sans-serif;
+      font-size: 64px;
+      color: #fff;
       background-size: 100% 100%;
     }
     padding: 60px 40px;
@@ -302,7 +304,7 @@ export default {
       .login_btn {
         margin-top: 40px;
         span {
-          font-family: '黑体';
+          font-family: 'Sans';
           font-weight: bold;
         }
       }