update

Author: MrWangJustToDo

ui/react-example/index.html

@@ -7,12 +7,6 @@
     <title>React Git Diff Component</title>
     <!-- <link rel="stylesheet" href="https://fonts.cdnfonts.com/css/google-sans" /> -->
     <script src="https://unpkg.com/@ungap/[email protected]/min.js"></script>
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap"
-      rel="stylesheet"
-    />
     <meta
       name="description"
       content="github like, diff component, git diff, file diff, react diff component, vue diff component, solid diff component, svelte diff component"

ui/react-example/src/index.css

@@ -2,6 +2,19 @@
 @tailwind components;
 @tailwind utilities;
 
+/* open-sans-latin-wght-normal */
+@font-face {
+  font-family: "Open Sans Variable";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 300 800;
+  src: url(https://cdn.jsdelivr.net/fontsource/fonts/open-sans:vf@latest/latin-wght-normal.woff2)
+    format("woff2-variations");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC,
+    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
 .widget button * {
   color: inherit;
 }

ui/react-example/src/theme.ts

@@ -1,5 +1,5 @@
 import { createTheme } from "@mantine/core";
 
 export const theme = createTheme({
-  fontFamily: "Josefin Sans, consolas, monospace",
+  fontFamily: "Open Sans Variable, consolas, monospace",
 });