src/App.vue

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

src/fonts/font.css

@@ -1,15 +0,0 @@
-@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,17 +265,15 @@ export default {
     font-size: 100px;
     font-weight: bold;
     color: #fff;
-    font-family: 'JinBuTi', sans-serif;
-    transform: skew(-12deg);
+    font-family: '黑体';
+    transform: skew(-16deg);
   }
   .login_content {
     .login_text {
       margin: 0 auto 60px;
       width: 128px;
       height: 78px;
-      font-family: 'JinBuTi', sans-serif;
-      font-size: 64px;
-      color: #fff;
+      background: url('../assets/login/loginText.png') no-repeat;
       background-size: 100% 100%;
     }
     padding: 60px 40px;
@@ -304,7 +302,7 @@ export default {
       .login_btn {
         margin-top: 40px;
         span {
-          font-family: 'Sans';
+          font-family: '黑体';
           font-weight: bold;
         }
       }