[O] Update font

src/App.vue

@@ -1,17 +1,19 @@
 <script lang="ts">
-import {Component, Vue} from "vue-facing-decorator";
 import ContentField from "@/views/ContentField.vue";
+import {Component, Vue} from "vue-facing-decorator";
 
-@Component({components: {ContentField}})
-export default class App extends Vue {}
+@Component({ components: { ContentField } })
+export default class App extends Vue {
+}
 </script>
 
 <template>
-    <ContentField />
+    <ContentField/>
 </template>
 
 <style lang="scss">
 @import '@/style/mocha';
+@import '@/style/font.css';
 
 body {
     background-color: $mantle;
@@ -23,5 +25,6 @@ body {
     position: absolute;
     left: 0;
     top: 20px;
+    font-family: "PingFang SC", "Microsoft YaHei", sans-serif, serif;
 }
 </style>

src/components/ContentCard.vue

@@ -53,6 +53,7 @@ export default class ContentCard extends Vue {
 
 <style lang="scss">
 @import '@/style/mocha.sass';
+@import '@/style/font.css';
 
 .content {
     display: flex;
@@ -80,6 +81,7 @@ export default class ContentCard extends Vue {
         border-bottom: 1px solid $rosewater;
         color: $rosewater;
         margin: auto auto 0.5rem 1rem;
+        font-family: 'Huiwen-mincho';
         transition: all 0.5s ease;
 
         &:hover {

src/style/font.css

@@ -0,0 +1,9 @@
+@font-face {
+    font-family: "Huiwen-mincho";
+    src: url(./fonts/Huiwen_mingchao.woff2) format("woff2");
+}
+
+@font-face {
+    font-family: "PingFang SC";
+    src: url(./fonts/PingFang-SC-Regular.woff2) format("woff2");
+}

src/style/markdown.scss

@@ -1,11 +1,13 @@
 @import "./mocha.sass";
+@import "./font.css";
 
 .markdown {
   color: $text;
 
   .head {
     color: $rosewater;
     border-bottom: 1px solid $rosewater;
+    font-family: "Huiwen-mincho", serif;
   }
 
   h1 {