11.26

src/App.vue

@@ -28,8 +28,21 @@
 </script>
 
 <style>
+
+@font-face {
+  font-family: 'YouShe';
+  src: url('static/font/YouSheBiaoTiHei-2.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'YaHei';
+  src: url('static/font/YaHei.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
 #app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
+  font-family: 'YaHei';
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;

src/components/header.vue

@@ -16,9 +16,9 @@
             <div class="titlebtn titleanniu imgtupian"  :class="{headeractive: headeractive === '2'}" @click="handleSelect('2')">火灾推演</div>
           <div class="d-flex jc-center s-content">
             <div class="title tiletimg">
-            <div class="ve_logo_img">
+            <!-- <div class="ve_logo_img">
               <el-image style="height: 100%" :src="logo" fit="contain"></el-image>
-            </div>
+            </div> -->
             <!-- <span class="title-text">煤矿多种态势推演可视化和智慧应急与救援模型定制开发系统</span> -->
               <!-- <span class="title-text">煤矿典型灾害态势推演</span> -->
               <span class="title-text">煤矿多种态势推演</span>

src/style/style.css

@@ -3,6 +3,7 @@ color: #fff;
 }
 body,html{
   background: radial-gradient(closest-side, #0B338B , #1C253D);
+  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
 }
 .jc_padding {
     /* padding: 18px 10px; */
@@ -1382,6 +1383,7 @@ z-index: 1;
   margin-bottom: 4px; */
 }
 .title_wrap .title .title-text {
+  font-family: 'YouShe';
   font-size: 0.125rem;
    font-weight: 900;
    letter-spacing: 3px;
@@ -1859,7 +1861,7 @@ font-size: .0677rem;
   top: 70px;
   height: 87vh;
   overflow: auto;
-  z-index: 207;
+  z-index: 208;
 }
 .hie{
   overflow: auto;