style: change main typefaces

Author: mmmmmob

package.json

@@ -1,7 +1,7 @@
 {
   "name": "me.theppitak",
   "private": true,
-  "version": "1.0.1",
+  "version": "1.1.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -16,22 +16,22 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@tailwindcss/typography": "^0.5.13",
+    "@tailwindcss/typography": "^0.5.14",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.1",
-    "autoprefixer": "^10.4.19",
+    "autoprefixer": "^10.4.20",
     "daisyui": "^4.12.10",
-    "eslint": "8.x.x",
-    "eslint-plugin-react": "^7.34.3",
+    "eslint": "9.8.0",
+    "eslint-plugin-react": "^7.35.0",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.8",
-    "postcss": "^8.4.39",
-    "prettier": "^3.3.2",
+    "eslint-plugin-react-refresh": "^0.4.9",
+    "postcss": "^8.4.41",
+    "prettier": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.5",
     "react-icons": "^5.2.1",
-    "tailwindcss": "^3.4.4",
-    "vite": "^5.3.3",
+    "tailwindcss": "^3.4.9",
+    "vite": "^5.4.0",
     "vite-plugin-node-polyfills": "^0.22.0"
   },
   "prettier": {

src/assets/fonts/Geist.woff2

@@ -2,7 +2,7 @@ function Info() {
   return (
     <div className="mx-5 self-center rounded-lg bg-slate-500/10 p-10 md:w-8/12">
       <article className="prose-h2:prose-lg dark:prose-invert">
-        <h2 className="text-justify font-light tracking-tight">
+        <h2 className="text-justify tracking-tight">
           Former creative copywriter and project manager, now on my way to{" "}
           <a className="font-mono font-bold underline decoration-red-600 decoration-double decoration-1 hover:decoration-red-300 dark:decoration-sky-400 dark:hover:decoration-sky-200">
             becoming a developer

src/assets/fonts/Univers/UniversBold.ttf

@@ -3,13 +3,6 @@
 @tailwind utilities;
 
 @layer base {
-  /* Geist */
-  @font-face {
-    font-family: Geist;
-    font-weight: 100 900;
-    font-style: normal;
-    src: url(./assets/fonts/Geist.woff2) format("woff2");
-  }
   /* Geist Mono*/
   @font-face {
     font-family: Geist Mono;
@@ -164,4 +157,20 @@
     font-weight: 400;
     src: url(./assets/fonts/Noto_Sans_SC_Thin.ttf);
   }
+  /* Univers */
+  @font-face {
+    font-family: Univers;
+    font-weight: 400;
+    src: url(./assets/fonts/Univers/UniversRegular.ttf);
+  }
+  @font-face {
+    font-family: Univers;
+    font-weight: 300;
+    src: url(./assets/fonts/Univers/UniversLight.ttf);
+  }
+  @font-face {
+    font-family: Univers;
+    font-weight: 700;
+    src: url(./assets/fonts/Univers/UniversBold.ttf);
+  }
 }

src/assets/fonts/Univers/UniversLight.ttf

@@ -6,7 +6,7 @@ export default {
     extend: {
       fontFamily: {
         sans: [
-          "Geist",
+          "Univers",
           "IBM Plex Sans Thai Looped",
           "IBM Plex Sans JP",
           "IBM Plex Sans KR",