瀏覽代碼

improve font performance

AykutSarac 2 年之前
父節點
當前提交
f85fd10b8e
共有 2 個文件被更改,包括 4 次插入2 次删除
  1. 2 1
      src/components/CustomNode/styles.tsx
  2. 2 1
      src/pages/_app.tsx

+ 2 - 1
src/components/CustomNode/styles.tsx

@@ -5,7 +5,8 @@ import styled, { DefaultTheme } from "styled-components";
 const robotoMono = Roboto_Mono({
 const robotoMono = Roboto_Mono({
   weight: "500",
   weight: "500",
   subsets: ["latin"],
   subsets: ["latin"],
-  display: "auto"
+  display: "swap",
+  fallback: ["Arial, Helvetica, sans-serif", "Tahoma, Verdana, sans-serif"]
 });
 });
 
 
 function getTypeColor(value: string, theme: DefaultTheme) {
 function getTypeColor(value: string, theme: DefaultTheme) {

+ 2 - 1
src/pages/_app.tsx

@@ -14,7 +14,8 @@ import { ThemeProvider } from "styled-components";
 const monaSans = localFont({
 const monaSans = localFont({
   src: "./Mona-Sans.woff2",
   src: "./Mona-Sans.woff2",
   variable: "--mona-sans",
   variable: "--mona-sans",
-  display: "auto",
+  display: "swap",
+  fallback: ["Arial, Helvetica, sans-serif", "Tahoma, Verdana, sans-serif"]
 });
 });
 
 
 if (process.env.NODE_ENV !== "development") {
 if (process.env.NODE_ENV !== "development") {