From dbac0a328c44a7a4f67a60fe4d33b22dfc7c1909 Mon Sep 17 00:00:00 2001
From: Leander Furumo <leander@furumo.eu>
Date: Sat, 31 Oct 2026 00:17:18 +0100
Subject: [PATCH] change font to nunito and self host it

this is in a series of commits to make the application look more like
uiogaming.no as of writing this
---
 README.md                            |  2 +-
 package-lock.json                    | 10 ++++++++++
 package.json                         |  1 +
 src/components/calculator.module.css |  2 +-
 src/index.css                        |  4 +---
 src/main.tsx                         |  3 +++
 6 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index a0376d6..13c7082 100644
--- a/README.md
+++ b/README.md
@@ -36,4 +36,4 @@ Jeg hoppet inn i voice, spurte om navnforslag, fikk svaret "peppes der hvor alle
 
 ## Hvorfor er alt på nettsiden i små bokstaver
 
-Å HA SMÅ BOKSTAVER FOR ALT ER TRENDY NÅ, MEN EGENTLIG SÅ ER DET BARE FORDI SMÅ BOKSTAVER SER BRA UT I FONTEN VI BRUKER, POPPINS.
+Å HA SMÅ BOKSTAVER FOR ALT ER TRENDY NÅ, MEN EGENTLIG SÅ ER DET BARE FORDI SMÅ BOKSTAVER SER BRA UT I FONTEN VI BRUKER, NUNITO.
diff --git a/package-lock.json b/package-lock.json
index 8279d27..2d6217f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "name": "bebbes",
       "version": "0.1.0",
       "dependencies": {
+        "@fontsource/nunito": "^5.3.0",
         "react": "^19.3.1",
         "react-dom": "^19.3.1"
       },
@@ -28,6 +29,15 @@
       "license": "MIT",
       "optional": true
     },
+    "node_modules/@fontsource/nunito": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/@fontsource/nunito/-/nunito-5.3.0.tgz",
+      "integrity": "sha512-vw9TaTQJ/zpEpKrsODuPmOvaVjXgdda6B+xXA4YqjrdeJ62MLgVoDerdRXFQHyBnSCt2yQ2nHKCHPP/Pv7Xq4Q==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
     "node_modules/@oxc-project/types": {
       "version": "0.156.0",
       "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.156.0.tgz",
diff --git a/package.json b/package.json
index b55ed9c..eb44c45 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     "serve": "vite preview"
   },
   "dependencies": {
+    "@fontsource/nunito": "^5.3.0",
     "react": "^19.3.1",
     "react-dom": "^19.3.1"
   },
diff --git a/src/components/calculator.module.css b/src/components/calculator.module.css
index 0e60295..e050733 100644
--- a/src/components/calculator.module.css
+++ b/src/components/calculator.module.css
@@ -27,5 +27,5 @@
   font-weight: 900;
 }
 .or {
-  font-weight: 100;
+  font-weight: 200;
 }
diff --git a/src/index.css b/src/index.css
index 7023d74..b857a54 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,12 +1,10 @@
-@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;900&display=swap");
-
 /* ===== Variables ===== */
 
 :root {
   --main-color: rgb(226, 35, 26);
   --main-background-color: rgb(22, 20, 31);
 
-  --main-font: "Poppins", sans-serif;
+  --main-font: "Nunito", sans-serif;
 }
 
 /* ===== RESET ===== */
diff --git a/src/main.tsx b/src/main.tsx
index a0012a0..b093b16 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,5 +1,8 @@
 import React from 'react'
 import { createRoot } from 'react-dom/client'
+import '@fontsource/nunito/200.css'
+import '@fontsource/nunito/400.css'
+import '@fontsource/nunito/900.css'
 import './index.css'
 import App from './App'