pihkaal/pihkaal-me
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(fonts): add real bold and increase extrabold weight

Browse Source
This commit is contained in:
Pihkaal
2024-07-29 00:31:34 +02:00
parent 32d3d2eabc
commit 6ea73c77db
5 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/fonts/JetBrainsMonoNF-Bold.woff Normal file
View File

Binary file not shown.

BIN
public/fonts/JetBrainsMonoNF-Bold.woff2 Normal file
View File

Binary file not shown.

6
src/components/Music/SpotifyPlayer.tsx
View File

@@ -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>

2
src/components/Nvim/NvimTree/NvimTreeChild.tsx
View File

@@ -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>
)}

22
src/index.scss
View File

@@ -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;
}