仿送字体

src/App.vue

@@ -60,7 +60,7 @@ export default {
 
 <style lang="less">
 #app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;;
+  font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;

src/components/image.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-if="!options.text" @click="click" class="image mb-6 last:mb-0 mx-auto">
-    <img :style="options.style" :src="options.image" />
+    <img :style="options.style" :src="options.image" @click="handleClick" />
     <div v-if="options.marks" class="mark flex justify-center items-center">
       <span :style="options.marksStyle" v-html="options.marks"></span>
     </div>
@@ -49,7 +49,7 @@ export default {
     right: 0;
     bottom: 0;
     color: #fff;
-    font-family: 'STXinwei', Times, serif;
+    // font-family: 'STXinwei', Times, serif;
     font-size: 20px;
     font-weight: 600;
     letter-spacing: 2px;

src/tailwind.css

@@ -686,8 +686,3 @@ Ensure the default browser behavior of the `hidden` attribute.
 .last\:mb-0:last-child {
   margin-bottom: 0px;
 }
-
-@font-face {
-  font-family: "楷体"; /* Project id  */
-  src: url('./font/gb2312.ttf');/* Safari, Android, iOS */
-}