diff --git a/page/package-lock.json b/page/package-lock.json
index 2824046d..2491e147 100644
--- a/page/package-lock.json
+++ b/page/package-lock.json
@@ -8,6 +8,7 @@
       "name": "emulator-ui",
       "version": "0.0.0",
       "dependencies": {
+        "@fontsource/inter": "^5.2.5",
         "@radix-ui/react-checkbox": "^1.2.3",
         "@radix-ui/react-dialog": "^1.1.11",
         "@radix-ui/react-label": "^2.1.4",
@@ -1058,6 +1059,15 @@
       "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==",
       "license": "MIT"
     },
+    "node_modules/@fontsource/inter": {
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/@fontsource/inter/-/inter-5.2.5.tgz",
+      "integrity": "sha512-kbsPKj0S4p44JdYRFiW78Td8Ge2sBVxi/PIBwmih+RpSXUdvS9nbs1HIiuUSPtRMi14CqLEZ/fbk7dj7vni1Sg==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
     "node_modules/@humanfs/core": {
       "version": "0.19.1",
       "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
diff --git a/page/package.json b/page/package.json
index 79180ad2..f65c9e6a 100644
--- a/page/package.json
+++ b/page/package.json
@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@fontsource/inter": "^5.2.5",
     "@radix-ui/react-checkbox": "^1.2.3",
     "@radix-ui/react-dialog": "^1.1.11",
     "@radix-ui/react-label": "^2.1.4",
diff --git a/page/src/App.css b/page/src/App.css
index 9efd8a0b..f54f9c1f 100644
--- a/page/src/App.css
+++ b/page/src/App.css
@@ -1,5 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
-
 html {
   font-family: "Inter", sans-serif;
 }
diff --git a/page/src/App.tsx b/page/src/App.tsx
index 37b03a9a..17a58b11 100644
--- a/page/src/App.tsx
+++ b/page/src/App.tsx
@@ -3,6 +3,16 @@ import { HashRouter, Route, Routes, Navigate } from "react-router-dom";
 import { Playground } from "./Playground";
 import { LandingPage } from "./LandingPage";
 
+import "@fontsource/inter/100.css";
+import "@fontsource/inter/200.css";
+import "@fontsource/inter/300.css";
+import "@fontsource/inter/400.css";
+import "@fontsource/inter/500.css";
+import "@fontsource/inter/600.css";
+import "@fontsource/inter/700.css";
+import "@fontsource/inter/800.css";
+import "@fontsource/inter/900.css";
+
 import "./App.css";
 
 function App() {