添加Inter字体支持，替换SSFangTangTi字体引用

Shua-github · Dec 29, 2024 · 0df7480 · 0df7480
1 parent cf652bc
commit 0df7480
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -1,4 +1,4 @@
-import SSFangTangTi from "./fonts/ShangShouFangTangTi.woff2";
+import Inter from "./fonts/Inter.woff2";
 import "./App.css";
 import Canvas from "./components/Canvas";
 import { useState, useEffect } from "react";
@@ -21,7 +21,7 @@ function App() {
     let controller;
     try {
       controller = new AbortController();
-      preloadFont("SSFangTangTi", SSFangTangTi, controller.signal);
+      preloadFont("Inter", Inter, controller.signal);
     } catch (error) {
       console.error(error);
     } finally {

diff --git a/src/fonts/Inter.woff2 b/src/fonts/Inter.woff2
diff --git a/src/index.css b/src/index.css
@@ -12,4 +12,9 @@ body {
 @font-face {
   font-family: 'SSFangTangTi';
   src: local('SSFangTangTi'), url(./fonts/ShangShouFangTangTi.woff2) format('woff2');
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: local('Inter'), url(./fonts/Inter.woff2) format('woff2');
 }