添加字体包

index.html

@@ -6,7 +6,7 @@
     <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
 	<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> -->
 	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
-	<link rel="stylesheet" href="/css/woff/fontFamily.css">
+	<link rel="stylesheet" href="/fonts/index.css">
     <title>Lane Crawford</title>
     <!-- Open Graph / WhatsApp share metadata -->
     <meta property="og:title" content="Lane Crawford" />

public/css/woff/fontFamily.css

@@ -1,50 +0,0 @@
-/* cyrillic-ext */
-@font-face {
-	font-family: 'satoshiRegular';
-	font-style: italic;
-	font-weight: 700;
-	src: url("./Satoshi/Satoshi-Regular.ttf") format('woff2'), url("./Satoshi/Satoshi-Regular.woff") format('woff2');
-	/* unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; */
-}
-@font-face {
-	font-family: 'satoshiBold';
-	font-style: italic;
-	font-weight: 700;
-	src: url("./Satoshi/Satoshi-Bold.ttf") format('woff2'), url("./Satoshi/Satoshi-Bold.woff") format('woff2');
-	/* unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; */
-}
-@font-face {
-	font-family: 'satoshiMedium';
-	font-style: italic;
-	font-weight: 700;
-	src: url("./Satoshi/Satoshi-Medium.ttf") format('woff2'), url("./Satoshi/Satoshi-Medium.woff") format('woff2');
-	/* unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; */
-}
-@font-face {
-	font-family: 'mazzardHRegular';
-	font-style: italic;
-	font-weight: 700;
-	src: url("./Mazzard/MazzardH-Regular.otf") format('opentype');
-	/* unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; */
-}
-@font-face {
-	font-family: 'robotoBold';
-	font-style: italic;
-	font-weight: 700;
-	src: url("./Roboto/Roboto-Bold.ttf") format('woff2');
-	/* unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; */
-}
-@font-face {
-	font-family: 'robotoRegular';
-	font-style: italic;
-	font-weight: 700;
-	src: url("./Roboto/Roboto-Regular.ttf") format('woff2');
-	/* unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; */
-}
-@font-face {
-	font-family: 'boskaRegular';
-	font-style: italic;
-	font-weight: 700;
-	src: url("./Boska/Boska-Regular.ttf") format('woff2'), url("./Boska/Boska-Regular.woff") format('woff2');
-	/* unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; */
-}

public/fonts/index.css

@@ -0,0 +1,20 @@
+@font-face {
+	font-family: 'KaiseiOpti-Regular';
+	src: url('./KaiseiOpti-Regular.ttf') format('truetype');
+	font-style: normal;
+	font-weight: 400;
+}
+
+@font-face {
+	font-family: 'KaiseiOpti-Regular';
+	src: url('./KaiseiOpti-Regular.ttf') format('truetype');
+	font-style: medium;
+	font-weight: 500;
+}
+
+@font-face {
+	font-family: 'KaiseiOpti-Bold';
+	src: url('./KaiseiOpti-Bold.ttf') format('truetype');
+	font-style: bold;
+	font-weight: 700;
+}

src/App.vue

@@ -18,6 +18,7 @@
 		font-size: 1.6rem;
 		display: flex;
 		flex-direction: column;
+		font-family: 'KaiseiOpti-Regular', sans-serif;
 	}
 	#loading {
 		position: fixed;

src/assets/css/style.css

@@ -19,7 +19,6 @@ body,
   width: 100%;
   height: 100%;
   overflow: hidden;
-  font-family: 'Medium';
 }
 @keyframes loading {
   0% {

src/assets/css/style.less

@@ -21,7 +21,7 @@ body,
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
-	font-family: 'Medium';
+	// font-family: 'Medium';
 }
 
 @keyframes loading {