add css and fonts

danielviki · danielviki · commit d2b056ac77b7 · 2025-02-14T12:29:25.000+08:00
diff --git a/frontend/src/assets/fonts/k3kXo84MPvpLmixcA63oeALhL4iJ.woff2 b/frontend/src/assets/fonts/k3kXo84MPvpLmixcA63oeALhL4iJ.woff2
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang=en>
+  <meta charset=utf-8>
+  <meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width">
+  <title>Error 404 (Not Found)!!1</title>
+  <style>
+    *{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}
+  </style>
+  <a href=//www.google.com/><span id=logo aria-label=Google></span></a>
+  <p><b>404.</b> <ins>That’s an error.</ins>
+  <p>The requested URL <code>/s/notosanssc/v28/k3kXo84MPvpLmixcA63oeALhL4iJ.woff2</code> was not found on this server.  <ins>That’s all we know.</ins>
diff --git a/frontend/src/assets/fonts/o-0IIpQlx3QUlC5A4PNr5TRA.woff2 b/frontend/src/assets/fonts/o-0IIpQlx3QUlC5A4PNr5TRA.woff2
diff --git a/frontend/src/assets/main.css b/frontend/src/assets/main.css
@@ -1,17 +1,38 @@
+@font-face {
+    font-family: 'Noto Sans';
+    src: url('./fonts/NotoSans-Regular.woff2') format('woff2'),
+         url('./fonts/NotoSans-Regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Noto Sans SC';
+    src: url('./fonts/NotoSansSC-Regular.woff2') format('woff2'),
+         url('./fonts/NotoSansSC-Regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
 :root {
     --primary-color: #3498db;
     --secondary-color: #2ecc71;
     --background-color: #f5f7fa;
     --border-color: #e1e8ed;
     --text-color: #2c3e50;
     --shadow: 0 2px 4px rgba(0,0,0,0.1);
+    --font-family-base: 'Noto Sans', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 
+                       'PingFang SC', 'Helvetica Neue', 'Microsoft YaHei', 
+                       sans-serif;
 }
 
 body {
     margin: 0;
     min-height: 100vh;
     background-color: var(--background-color);
-    font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    font-family: var(--font-family-base);
     color: var(--text-color);
 }
 
