added fonts as local files
This commit is contained in:
@ -1,4 +1,92 @@
|
|||||||
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap');
|
@font-face {
|
||||||
|
font-family: 'DM Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-display: swap;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url('../fonts/dm-sans-latin-ext-400-normal.woff2') format('woff2');
|
||||||
|
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'DM Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-display: swap;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url('../fonts/dm-sans-latin-400-normal.woff2') format('woff2');
|
||||||
|
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'DM Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-display: swap;
|
||||||
|
font-weight: 500;
|
||||||
|
src: url('../fonts/dm-sans-latin-ext-500-normal.woff2') format('woff2');
|
||||||
|
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'DM Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-display: swap;
|
||||||
|
font-weight: 500;
|
||||||
|
src: url('../fonts/dm-sans-latin-500-normal.woff2') format('woff2');
|
||||||
|
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'DM Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-display: swap;
|
||||||
|
font-weight: 700;
|
||||||
|
src: url('../fonts/dm-sans-latin-ext-700-normal.woff2') format('woff2');
|
||||||
|
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'DM Sans';
|
||||||
|
font-style: normal;
|
||||||
|
font-display: swap;
|
||||||
|
font-weight: 700;
|
||||||
|
src: url('../fonts/dm-sans-latin-700-normal.woff2') format('woff2');
|
||||||
|
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Space Grotesk';
|
||||||
|
font-style: normal;
|
||||||
|
font-display: swap;
|
||||||
|
font-weight: 500;
|
||||||
|
src: url('../fonts/space-grotesk-latin-ext-500-normal.woff2') format('woff2');
|
||||||
|
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Space Grotesk';
|
||||||
|
font-style: normal;
|
||||||
|
font-display: swap;
|
||||||
|
font-weight: 500;
|
||||||
|
src: url('../fonts/space-grotesk-latin-500-normal.woff2') format('woff2');
|
||||||
|
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Space Grotesk';
|
||||||
|
font-style: normal;
|
||||||
|
font-display: swap;
|
||||||
|
font-weight: 700;
|
||||||
|
src: url('../fonts/space-grotesk-latin-ext-700-normal.woff2') format('woff2');
|
||||||
|
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Space Grotesk';
|
||||||
|
font-style: normal;
|
||||||
|
font-display: swap;
|
||||||
|
font-weight: 700;
|
||||||
|
src: url('../fonts/space-grotesk-latin-700-normal.woff2') format('woff2');
|
||||||
|
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||||
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--color-white: #ffffff;
|
--color-white: #ffffff;
|
||||||
@ -31,6 +119,8 @@
|
|||||||
--fs-xl: 1.875rem;
|
--fs-xl: 1.875rem;
|
||||||
--shadow-soft: 0 20px 40px -30px var(--color-shadow);
|
--shadow-soft: 0 20px 40px -30px var(--color-shadow);
|
||||||
--transition-fast: 160ms ease;
|
--transition-fast: 160ms ease;
|
||||||
|
--font-body: 'DM Sans', 'Segoe UI', Tahoma, sans-serif;
|
||||||
|
--font-display: 'Space Grotesk', 'Segoe UI Semibold', 'Trebuchet MS', sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
:root[data-theme='dark'] {
|
:root[data-theme='dark'] {
|
||||||
@ -59,7 +149,7 @@ body,
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: 'DM Sans', 'Segoe UI', sans-serif;
|
font-family: var(--font-body);
|
||||||
font-size: var(--fs-md);
|
font-size: var(--fs-md);
|
||||||
color: var(--color-text);
|
color: var(--color-text);
|
||||||
background:
|
background:
|
||||||
@ -109,7 +199,7 @@ select {
|
|||||||
|
|
||||||
.auth-brand h1 {
|
.auth-brand h1 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: 'Space Grotesk', 'Segoe UI', sans-serif;
|
font-family: var(--font-display);
|
||||||
font-size: clamp(2rem, 5vw, 2.75rem);
|
font-size: clamp(2rem, 5vw, 2.75rem);
|
||||||
letter-spacing: 0.04em;
|
letter-spacing: 0.04em;
|
||||||
}
|
}
|
||||||
@ -180,7 +270,7 @@ select {
|
|||||||
|
|
||||||
.auth-card h2 {
|
.auth-card h2 {
|
||||||
margin: var(--space-sm) 0 0;
|
margin: var(--space-sm) 0 0;
|
||||||
font-family: 'Space Grotesk', 'Segoe UI', sans-serif;
|
font-family: var(--font-display);
|
||||||
font-size: var(--fs-xl);
|
font-size: var(--fs-xl);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -349,7 +439,7 @@ select {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: var(--space-sm);
|
gap: var(--space-sm);
|
||||||
font-family: 'Space Grotesk', 'Segoe UI', sans-serif;
|
font-family: var(--font-display);
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -401,7 +491,7 @@ select {
|
|||||||
.app-topbar h1 {
|
.app-topbar h1 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
font-family: 'Space Grotesk', 'Segoe UI', sans-serif;
|
font-family: var(--font-display);
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-topbar__user {
|
.app-topbar__user {
|
||||||
|
|||||||
BIN
frontend/src/assets/fonts/dm-sans-latin-400-normal.woff2
Normal file
BIN
frontend/src/assets/fonts/dm-sans-latin-400-normal.woff2
Normal file
Binary file not shown.
BIN
frontend/src/assets/fonts/dm-sans-latin-500-normal.woff2
Normal file
BIN
frontend/src/assets/fonts/dm-sans-latin-500-normal.woff2
Normal file
Binary file not shown.
BIN
frontend/src/assets/fonts/dm-sans-latin-700-normal.woff2
Normal file
BIN
frontend/src/assets/fonts/dm-sans-latin-700-normal.woff2
Normal file
Binary file not shown.
BIN
frontend/src/assets/fonts/dm-sans-latin-ext-400-normal.woff2
Normal file
BIN
frontend/src/assets/fonts/dm-sans-latin-ext-400-normal.woff2
Normal file
Binary file not shown.
BIN
frontend/src/assets/fonts/dm-sans-latin-ext-500-normal.woff2
Normal file
BIN
frontend/src/assets/fonts/dm-sans-latin-ext-500-normal.woff2
Normal file
Binary file not shown.
BIN
frontend/src/assets/fonts/dm-sans-latin-ext-700-normal.woff2
Normal file
BIN
frontend/src/assets/fonts/dm-sans-latin-ext-700-normal.woff2
Normal file
Binary file not shown.
BIN
frontend/src/assets/fonts/space-grotesk-latin-500-normal.woff2
Normal file
BIN
frontend/src/assets/fonts/space-grotesk-latin-500-normal.woff2
Normal file
Binary file not shown.
BIN
frontend/src/assets/fonts/space-grotesk-latin-700-normal.woff2
Normal file
BIN
frontend/src/assets/fonts/space-grotesk-latin-700-normal.woff2
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Reference in New Issue
Block a user