wip(frontend): no longer use google fonts api

ElaBosak233 · May 30, 2024 · 4e658c0 · 4e658c0
1 parent 2996b91
commit 4e658c0
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 4 deletions.
diff --git a/web/index.html b/web/index.html
@@ -3,10 +3,6 @@
 	<head>
 		<meta charset="UTF-8" />
 		<link rel="icon" type="image/svg+xml" href="/favicon.ico" />
-		<link
-			href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,[email protected],100..700,0..1,-50..200"
-			rel="stylesheet"
-		/>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Cloudsdale</title>
 	</head>

diff --git a/web/package.json b/web/package.json
@@ -2,6 +2,7 @@
 	"name": "cloudsdale",
 	"version": "2.0.0",
 	"type": "module",
+	"license": "GPL-3.0-only",
 	"scripts": {
 		"dev": "vite",
 		"build": "vite build",

diff --git a/web/public/fonts.woff2 b/web/public/fonts.woff2
diff --git a/web/src/main.css b/web/src/main.css
@@ -1,4 +1,24 @@
+@font-face {
+	font-family: "Material Symbols Rounded";
+	font-style: normal;
+	font-weight: 400;
+	src: url(/fonts.woff2) format("woff2");
+}
+
 .material-symbols-rounded {
+	font-family: "Material Symbols Rounded";
+	font-weight: normal;
+	font-style: normal;
+	font-size: 24px;
+	line-height: 1;
+	letter-spacing: normal;
+	text-transform: none;
+	display: inline-block;
+	white-space: nowrap;
+	word-wrap: normal;
+	direction: ltr;
+	-moz-font-feature-settings: "liga";
+	-moz-osx-font-smoothing: grayscale;
 	font-variation-settings:
 		"FILL" 1,
 		"wght" 400,