diff --git a/package-lock.json b/package-lock.json
index 31fc762f3..cc0ba2909 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2587,6 +2587,16 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/@fontsource-variable/material-symbols-outlined": {
+			"version": "5.0.34",
+			"resolved": "https://registry.npmjs.org/@fontsource-variable/material-symbols-outlined/-/material-symbols-outlined-5.0.34.tgz",
+			"integrity": "sha512-dC6BoXU93VMjNlfbn4YRdqsSOFp6Smue2KZgZJ8wy2x0OeyA73hgJyb5i6mV6JZnuaiJHMwqTfwJQ3FtSPKFnw=="
+		},
+		"node_modules/@fontsource/poppins": {
+			"version": "5.0.14",
+			"resolved": "https://registry.npmjs.org/@fontsource/poppins/-/poppins-5.0.14.tgz",
+			"integrity": "sha512-nmM1zpPo3Uh4JcGAVSQuWaZNYh2FbbwWhZ5t6hRaynmJaNTBW85d3nEh9zMmzI0HX7X5xqQVdRHeDatKpOGsnA=="
+		},
 		"node_modules/@googlemaps/js-api-loader": {
 			"version": "1.16.6",
 			"resolved": "https://registry.npmjs.org/@googlemaps/js-api-loader/-/js-api-loader-1.16.6.tgz",
@@ -23098,6 +23108,8 @@
 			"version": "0.0.0",
 			"dependencies": {
 				"@apache-arrow/ts": "^15.0.2",
+				"@fontsource-variable/material-symbols-outlined": "^5.0.34",
+				"@fontsource/poppins": "^5.0.14",
 				"@googlemaps/js-api-loader": "^1.16.6",
 				"@monaco-editor/loader": "^1.3.3",
 				"@tato30/vue-pdf": "^1.9.6",
diff --git a/src/ui/index.html b/src/ui/index.html
index 446c389a2..1e34d5333 100644
--- a/src/ui/index.html
+++ b/src/ui/index.html
@@ -3,10 +3,6 @@
 	<head>
 		<meta charset="UTF-8" />
 		<link rel="icon" type="image/png" href="./static/favicon.png?2" />
-		<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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
-		<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Writer Framework</title>
 		<style>
@@ -24,7 +20,9 @@
 			}
 
 			.material-symbols-outlined {
+				font-family: 'Material Symbols Outlined Variable', sans-serif;
 				font-size: 100%;
+				font-style: normal;
 			}
 
 			#app {
diff --git a/src/ui/package.json b/src/ui/package.json
index 5b1427fba..590dcfd78 100644
--- a/src/ui/package.json
+++ b/src/ui/package.json
@@ -16,6 +16,8 @@
 	},
 	"dependencies": {
 		"@apache-arrow/ts": "^15.0.2",
+		"@fontsource-variable/material-symbols-outlined": "^5.0.34",
+		"@fontsource/poppins": "^5.0.14",
 		"@googlemaps/js-api-loader": "^1.16.6",
 		"@monaco-editor/loader": "^1.3.3",
 		"@tato30/vue-pdf": "^1.9.6",
@@ -59,4 +61,4 @@
 		"eslint-plugin-storybook": "0.8.0",
 		"storybook": "8.0.5"
 	}
-}
+}
\ No newline at end of file
diff --git a/src/ui/src/fonts.ts b/src/ui/src/fonts.ts
new file mode 100644
index 000000000..64394e08b
--- /dev/null
+++ b/src/ui/src/fonts.ts
@@ -0,0 +1,12 @@
+import "@fontsource-variable/material-symbols-outlined";
+
+import "@fontsource/poppins/300-italic.css";
+import "@fontsource/poppins/300.css";
+import "@fontsource/poppins/400-italic.css";
+import "@fontsource/poppins/400.css";
+import "@fontsource/poppins/500-italic.css";
+import "@fontsource/poppins/500.css";
+import "@fontsource/poppins/600-italic.css";
+import "@fontsource/poppins/600.css";
+import "@fontsource/poppins/700-italic.css";
+import "@fontsource/poppins/700.css";
diff --git a/src/ui/src/main.ts b/src/ui/src/main.ts
index 259868ddc..2afdf72b7 100644
--- a/src/ui/src/main.ts
+++ b/src/ui/src/main.ts
@@ -1,9 +1,10 @@
 import * as vue from "vue";
 import { App, createApp } from "vue";
-import injectionKeys from "./injectionKeys";
-import { generateCore } from "./core";
-import { generateBuilderManager } from "./builder/builderManager.js";
 import VueDOMPurifyHTML from "vue-dompurify-html";
+import { generateBuilderManager } from "./builder/builderManager.js";
+import { generateCore } from "./core";
+import "./fonts";
+import injectionKeys from "./injectionKeys";
 
 /**
  * RemixIcon by remixicon.com
