frog-collective/frog-website
frog-collective
/
frog-website
5
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

feat: improve readability of title font

This commit is contained in:
Adrien Allard 2024-06-10 11:53:05 +02:00
parent afe2d77374
commit b6c24b524e
4 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/fonts/Knewave-Light.woff Normal file
View File

Binary file not shown.

3
src/lib/css/typo.scss
View File

@ -2,7 +2,7 @@
font-family: 'Knewave'; font-family: 'Knewave';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
src: url(/fonts/Knewave.woff) format('woff'); src: url(/fonts/Knewave-Light.woff) format('woff');
} }
@mixin montserrat($style, $weight, $file) { @mixin montserrat($style, $weight, $file) {
@ -41,6 +41,7 @@ h1 {
h2 { h2 {
margin: 0 0 var(--space-medium) 0; margin: 0 0 var(--space-medium) 0;
font-family: 'Knewave';
font-size: var(--fz-2); font-size: var(--fz-2);
font-weight: bold; font-weight: bold;
text-transform: uppercase; text-transform: uppercase;

1
src/pages/index/games.scss
View File

@ -20,6 +20,7 @@
color: var(--color-on-dark); color: var(--color-on-dark);
padding: var(--space-small) var(--space-xlarge); padding: var(--space-small) var(--space-xlarge);
font-family: 'Knewave'; font-family: 'Knewave';
letter-spacing: 0.1rem;
font-size: 40px; font-size: 40px;
} }

2
src/pages/index/news.scss
View File

@ -15,6 +15,7 @@
align-items: center; align-items: center;
gap: var(--space-small); gap: var(--space-small);
font-family: 'Knewave'; font-family: 'Knewave';
letter-spacing: 0.1rem;
font-size: 24px; font-size: 24px;
@media($mobile-breakpoint) { @media($mobile-breakpoint) {
@ -40,6 +41,7 @@
flex-grow: 1; flex-grow: 1;
margin: 0; margin: 0;
font-family: 'Knewave'; font-family: 'Knewave';
letter-spacing: 0.1rem;
font-size: 32px; font-size: 32px;
@media($mobile-breakpoint) { @media($mobile-breakpoint) {