diff --git a/public/fonts/JetBrainsMonoNF-Bold.woff b/public/fonts/JetBrainsMonoNF-Bold.woff
new file mode 100644
index 0000000..386169f
Binary files /dev/null and b/public/fonts/JetBrainsMonoNF-Bold.woff differ
diff --git a/public/fonts/JetBrainsMonoNF-Bold.woff2 b/public/fonts/JetBrainsMonoNF-Bold.woff2
new file mode 100644
index 0000000..860d61d
Binary files /dev/null and b/public/fonts/JetBrainsMonoNF-Bold.woff2 differ
diff --git a/src/components/Music/SpotifyPlayer.tsx b/src/components/Music/SpotifyPlayer.tsx
index 1f257f1..3c4624b 100644
--- a/src/components/Music/SpotifyPlayer.tsx
+++ b/src/components/Music/SpotifyPlayer.tsx
@@ -63,7 +63,7 @@ const InnerSpotifyPlayer = (props: InnerKittyProps<typeof SpotifyPlayer>) => {
     <>
       {/* title */}
       <span
-        className="font-bold text-color5"
+        className="font-extrabold text-color5"
         style={{ gridArea: "1 / 2 / 2 / 3" }}
       >
         Playback
@@ -95,7 +95,7 @@ const InnerSpotifyPlayer = (props: InnerKittyProps<typeof SpotifyPlayer>) => {
 
       {/* body */}
       <div className="overflow-hidden" style={{ gridArea: "2 / 2 / 3 / 4" }}>
-        <span className="font-bold text-color6">
+        <span className="font-extrabold text-color6">
           <span onClick={handleTogglePause}>
             {paused ? "\udb81\udc0a " : "\udb80\udfe4 "}
           </span>
@@ -104,7 +104,7 @@ const InnerSpotifyPlayer = (props: InnerKittyProps<typeof SpotifyPlayer>) => {
         <br />
         <span className="text-color3">{props.album}</span>
         <br />
-        <div className="relative font-bold">
+        <div className="relative font-extrabold">
           <span className="bg-color2 text-color8">{fill}</span>
           <span className="bg-color8 text-color2">{empty}</span>
         </div>
diff --git a/src/components/Nvim/NvimTree/NvimTreeChild.tsx b/src/components/Nvim/NvimTree/NvimTreeChild.tsx
index 8077b72..18cf69e 100644
--- a/src/components/Nvim/NvimTree/NvimTreeChild.tsx
+++ b/src/components/Nvim/NvimTree/NvimTreeChild.tsx
@@ -25,7 +25,7 @@ export const NvimTreeChild = (props: {
       )}
       <span style={{ color: icon.color }}>{`${icon.char}`}</span>
       {props.child.name === "README.md" ? (
-        <span className="font-bold text-[#d8c5a1]">README.md</span>
+        <span className="font-extrabold text-[#d8c5a1]">README.md</span>
       ) : (
         <span>{props.child.name}</span>
       )}
diff --git a/src/index.scss b/src/index.scss
index b2a46be..4cda258 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -25,9 +25,9 @@ body {
 @font-face {
   font-family: "JetBrainsMono";
   src:
-    url("/fonts/JetBrainsMonoNF-ExtraBold.woff2") format("woff2"),
-    url("/fonts/JetBrainsMonoNF-ExtraBold.woff") format("woff");
-  font-weight: bold;
+    url("/fonts/JetBrainsMonoNF-Medium.woff2") format("woff2"),
+    url("/fonts/JetBrainsMonoNF-Medium.woff") format("woff");
+  font-weight: 400;
   font-style: normal;
   font-display: swap;
 }
@@ -35,9 +35,19 @@ body {
 @font-face {
   font-family: "JetBrainsMono";
   src:
-    url("/fonts/JetBrainsMonoNF-Medium.woff2") format("woff2"),
-    url("/fonts/JetBrainsMonoNF-Medium.woff") format("woff");
-  font-weight: normal;
+    url("/fonts/JetBrainsMonoNF-Bold.woff2") format("woff2"),
+    url("/fonts/JetBrainsMonoNF-Bold.woff") format("woff");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "JetBrainsMono";
+  src:
+    url("/fonts/JetBrainsMonoNF-ExtraBold.woff2") format("woff2"),
+    url("/fonts/JetBrainsMonoNF-ExtraBold.woff") format("woff");
+  font-weight: 800;
   font-style: normal;
   font-display: swap;
 }