Change font
parent
8e7dd2a016
commit
c32a1223b3
|
|
@ -51,7 +51,6 @@
|
|||
font-size: 10px;
|
||||
letter-spacing: 0.16em;
|
||||
text-transform: uppercase;
|
||||
font-family: monospace;
|
||||
color: var(--color-selection-card-accent-text);
|
||||
}
|
||||
|
||||
|
|
@ -59,6 +58,7 @@
|
|||
display: block;
|
||||
font-weight: 700;
|
||||
font-size: 24px;
|
||||
font-family: var(--font-family-display);
|
||||
line-height: 1.05;
|
||||
color: var(--color-selection-card-title-text);
|
||||
white-space: nowrap;
|
||||
|
|
@ -254,6 +254,7 @@
|
|||
.song-aside__value {
|
||||
color: var(--color-selection-sidebar-value-text);
|
||||
font-size: 20px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;600;700&family=Orbitron:wght@700;900&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&display=swap');
|
||||
|
||||
@font-face {
|
||||
font-family: 'JustDance';
|
||||
|
|
@ -25,9 +25,10 @@
|
|||
}
|
||||
|
||||
:root {
|
||||
--font-family-base: 'JustDance', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||
--font-family-display: 'JustDance', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||
--font-family-ui: 'JustDance', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||
--font-family-base: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||
--font-family-display: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||
--font-family-ui: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||
--font-family-serif: 'Noto Serif', Georgia, 'Times New Roman', serif;
|
||||
|
||||
--font-size-display-xl: clamp(2.5rem, 5vw, 4rem);
|
||||
--font-size-display-lg: clamp(2rem, 4vw, 3rem);
|
||||
|
|
|
|||
Loading…
Reference in New Issue