feat: update global font

This commit is contained in:
Devin Haska 2025-04-04 16:15:14 -07:00
parent 466183dcdc
commit 383e3e4c90
21 changed files with 120 additions and 97 deletions

View file

@ -19,6 +19,7 @@
color: var(--color-white);
font-family: var(--font-family-display);
font-size: 1.5rem;
font-weight: var(--font-weight-black);
letter-spacing: -0.05em;
position: relative;
text-shadow:

View file

@ -18,8 +18,8 @@ body {
background-color: var(--color-background);
color: var(--color-text);
font-family: var(--font-family-body);
font-size: 1.125rem;
font-weight: var(--font-weight-body-regular);
font-size: 1.25rem;
font-weight: var(--font-weight-normal);
letter-spacing: -0.03rem;
line-height: 2rem;
margin: 0;
@ -36,35 +36,43 @@ h6 {
h1 {
font-size: 3rem;
font-weight: var(--font-weight-display-extrabold);
font-weight: var(--font-weight-black);
letter-spacing: -0.05rem;
line-height: 3rem;
}
h2 {
font-size: 2rem;
font-weight: var(--font-weight-display-bold);
font-weight: var(--font-weight-bold);
letter-spacing: -0.05rem;
line-height: 2rem;
}
h3 {
font-size: 1.5rem;
font-weight: var(--font-weight-display-bold);
font-weight: var(--font-weight-bold);
letter-spacing: -0.05rem;
line-height: 1.5rem;
}
h4 {
font-size: 1.125rem;
font-weight: var(--font-weight-display-bold);
font-weight: var(--font-weight-bold);
letter-spacing: -0.05rem;
line-height: 1.125rem;
text-transform: uppercase;
}
h1 a,
h2 a,
h3 a,
h4 a {
font-weight: inherit;
}
a {
color: currentColor;
font-weight: 350;
text-decoration-color: var(--color-primary);
text-decoration-thickness: 2px;
transition:
@ -125,6 +133,7 @@ hr {
code {
font-family: var(--font-family-monospace);
font-weight: 350;
}
:not(pre) > code {

View file

@ -8,6 +8,10 @@
--text-skew: skew(0deg, -1deg);
--font-weight-normal: 300;
--font-weight-bold: 700;
--font-weight-black: 900;
--triangles: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><path stroke-width="0" d="M0,0 40,40 80,0z" /></svg>');
--transition-bounce: linear(

View file

@ -1,5 +1,5 @@
.font-size-s {
font-size: 0.8rem;
font-size: 1rem;
}
.font-size-m {