Files
directus/app/src/styles/_fonts.scss
2020-07-29 11:24:52 -04:00

111 lines
2.5 KiB
SCSS

// Sans Serif
@font-face {
font-weight: 400;
font-family: 'Inter';
font-style: normal;
src:
url('../assets/fonts/Inter-Regular.woff2') format('woff2'),
url('../assets/fonts/Inter-Regular.woff') format('woff');
font-display: block;
}
@font-face {
font-weight: 500;
font-family: 'Inter';
font-style: normal;
src:
url('../assets/fonts/Inter-Medium.woff2') format('woff2'),
url('../assets/fonts/Inter-Medium.woff') format('woff');
font-display: block;
}
@font-face {
font-weight: 500;
font-family: 'Inter';
font-style: italic;
src:
url('../assets/fonts/Inter-MediumItalic.woff2') format('woff2'),
url('../assets/fonts/Inter-MediumItalic.woff') format('woff');
font-display: block;
}
@font-face {
font-weight: 600;
font-family: 'Inter';
font-style: normal;
src:
url('../assets/fonts/Inter-SemiBold.woff2') format('woff2'),
url('../assets/fonts/Inter-SemiBold.woff') format('woff');
font-display: block;
}
// Monospace
@font-face {
font-weight: 400;
font-family: 'Fira Code';
font-style: normal;
src:
url('../assets/fonts/FiraCode-Regular.woff2') format('woff2'),
url('../assets/fonts/FiraCode-Regular.woff') format('woff');
}
// Serif
@font-face {
font-weight: 400;
font-family: 'Merriweather';
font-style: normal;
src:
url('../assets/fonts/merriweather-regular.woff2') format('woff2'),
url('../assets/fonts/merriweather-regular.woff') format('woff');
font-display: block;
}
@font-face {
font-weight: 400;
font-family: 'Merriweather';
font-style: italic;
src:
url('../assets/fonts/merriweather-italic.woff2') format('woff2'),
url('../assets/fonts/merriweather-italic.woff') format('woff');
font-display: block;
}
@font-face {
font-weight: 600;
font-family: 'Merriweather';
font-style: normal;
src:
url('../assets/fonts/merriweather-bold.woff2') format('woff2'),
url('../assets/fonts/merriweather-bold.woff') format('woff');
font-display: block;
}
@font-face {
font-weight: 300;
font-family: 'Merriweather';
font-style: normal;
src:
url('../assets/fonts/merriweather-light.woff2') format('woff2'),
url('../assets/fonts/merriweather-light.woff') format('woff');
font-display: block;
}
@font-face {
font-weight: 400;
font-family: 'Material Icons';
font-style: normal;
src: url('../assets/fonts/material-icons.woff2') format('woff2');
font-display: block;
}
@font-face {
font-weight: 400;
font-family: 'Material Icons Outline';
font-style: normal;
src: url('../assets/fonts/material-icons-outline.woff2') format('woff2');
font-display: block;
}