68 lines
1.6 KiB
CSS
68 lines
1.6 KiB
CSS
/*
|
|
* Typography: Space Grotesk (Headlines) + Inter (Body)
|
|
*
|
|
* Download fonts from:
|
|
* - Inter: https://github.com/rsms/inter/releases (Variable font)
|
|
* - Space Grotesk: https://github.com/nicholasrougeux/space-grotesk/releases
|
|
*
|
|
* Place files in /assets/fonts/
|
|
*/
|
|
|
|
/* Inter - Body Text */
|
|
@font-face {
|
|
font-family: 'Inter';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: optional;
|
|
src: url('../assets/fonts/Inter-Regular.woff2') format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Inter';
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-display: optional;
|
|
src: url('../assets/fonts/Inter-Medium.woff2') format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Inter';
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-display: optional;
|
|
src: url('../assets/fonts/Inter-SemiBold.woff2') format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Inter';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-display: optional;
|
|
src: url('../assets/fonts/Inter-Bold.woff2') format('woff2');
|
|
}
|
|
|
|
/* Space Grotesk - Headlines */
|
|
@font-face {
|
|
font-family: 'Space Grotesk';
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-display: swap;
|
|
src: url('../assets/fonts/SpaceGrotesk-Medium.woff2') format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Space Grotesk';
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-display: swap;
|
|
src: url('../assets/fonts/SpaceGrotesk-Bold.woff2') format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Space Grotesk';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-display: swap;
|
|
src: url('../assets/fonts/SpaceGrotesk-Bold.woff2') format('woff2');
|
|
}
|