162 lines
3.8 KiB
SCSS
162 lines
3.8 KiB
SCSS
// DM Sans - Variable font (recommended)
|
|
@font-face {
|
|
font-family: 'DM Sans';
|
|
src: url('/assets/fonts/DMSans/DMSans[opsz,wght].woff2') format('woff2-variations');
|
|
font-weight: 100 1000;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'DM Sans';
|
|
src: url('/assets/fonts/DMSans/DMSans-Italic[opsz,wght].woff2') format('woff2-variations');
|
|
font-weight: 100 1000;
|
|
font-style: italic;
|
|
font-display: swap;
|
|
}
|
|
|
|
// DM Sans - Static weights (fallback)
|
|
@font-face {
|
|
font-family: 'DM Sans';
|
|
src: url('/assets/fonts/DMSans/DMSans-Thin.woff2') format('woff2');
|
|
font-weight: 100;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'DM Sans';
|
|
src: url('/assets/fonts/DMSans/DMSans-ExtraLight.woff2') format('woff2');
|
|
font-weight: 200;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'DM Sans';
|
|
src: url('/assets/fonts/DMSans/DMSans-Light.woff2') format('woff2');
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'DM Sans';
|
|
src: url('/assets/fonts/DMSans/DMSans-Regular.woff2') format('woff2');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'DM Sans';
|
|
src: url('/assets/fonts/DMSans/DMSans-Medium.woff2') format('woff2');
|
|
font-weight: 500;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'DM Sans';
|
|
src: url('/assets/fonts/DMSans/DMSans-SemiBold.woff2') format('woff2');
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'DM Sans';
|
|
src: url('/assets/fonts/DMSans/DMSans-Bold.woff2') format('woff2');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'DM Sans';
|
|
src: url('/assets/fonts/DMSans/DMSans-ExtraBold.woff2') format('woff2');
|
|
font-weight: 800;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'DM Sans';
|
|
src: url('/assets/fonts/DMSans/DMSans-Black.woff2') format('woff2');
|
|
font-weight: 900;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
// Inconsolata - Monospace font
|
|
@font-face {
|
|
font-family: 'Inconsolata';
|
|
src: url('/assets/fonts/Inconsolata/Inconsolata-Thin.woff2') format('woff2');
|
|
font-weight: 100;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Inconsolata';
|
|
src: url('/assets/fonts/Inconsolata/Inconsolata-ExtraLight.woff2') format('woff2');
|
|
font-weight: 200;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Inconsolata';
|
|
src: url('/assets/fonts/Inconsolata/Inconsolata-Light.woff2') format('woff2');
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Inconsolata';
|
|
src: url('/assets/fonts/Inconsolata/Inconsolata-Regular.woff2') format('woff2');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Inconsolata';
|
|
src: url('/assets/fonts/Inconsolata/Inconsolata-Medium.woff2') format('woff2');
|
|
font-weight: 500;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Inconsolata';
|
|
src: url('/assets/fonts/Inconsolata/Inconsolata-SemiBold.woff2') format('woff2');
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Inconsolata';
|
|
src: url('/assets/fonts/Inconsolata/Inconsolata-Bold.woff2') format('woff2');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Inconsolata';
|
|
src: url('/assets/fonts/Inconsolata/Inconsolata-ExtraBold.woff2') format('woff2');
|
|
font-weight: 800;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Inconsolata';
|
|
src: url('/assets/fonts/Inconsolata/Inconsolata-Black.woff2') format('woff2');
|
|
font-weight: 900;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|