Browse Source

improve font performance

AykutSarac 2 years ago
parent
commit
f85fd10b8e
2 changed files with 4 additions and 2 deletions
  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({
   weight: "500",
   subsets: ["latin"],
-  display: "auto"
+  display: "swap",
+  fallback: ["Arial, Helvetica, sans-serif", "Tahoma, Verdana, sans-serif"]
 });
 
 function getTypeColor(value: string, theme: DefaultTheme) {

+ 2 - 1
src/pages/_app.tsx

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