matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use fontsource to handle Montserrat and Roboto, and use SASS to import dependency fonts

Browse Source
This commit is contained in:
Sean King
2020-11-11 10:01:59 -07:00
parent 4b1302d142
commit a21bedfabc
40 changed files with 19 additions and 2327 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
app/styles/fonts.scss
View File

@ -1,95 +1,3 @@
// Roboto Regular
@font-face {
font-family: 'Roboto';
font-weight: 400;
font-style: normal;
src: url('../fonts/roboto/roboto-regular-400.eot?#iefix');
src: url('../fonts/roboto/roboto-regular-400.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto/roboto-regular-400.woff2') format('woff2'),
url('../fonts/roboto/roboto-regular-400.woff') format('woff'),
url('../fonts/roboto/roboto-regular-400.ttf') format('truetype'),
url('../fonts/roboto/roboto-regular-400.svg') format('svg');
}
// Roboto Regular Italic
@font-face {
font-family: 'Roboto';
font-weight: 400;
font-style: italic;
src: url('../fonts/roboto/roboto-regular-italic-400.eot?#iefix');
src: url('../fonts/roboto/roboto-regular-italic-400.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto/roboto-regular-italic-400.woff2') format('woff2'),
url('../fonts/roboto/roboto-regular-italic-400.woff') format('woff'),
url('../fonts/roboto/roboto-regular-italic-400.ttf') format('truetype'),
url('../fonts/roboto/roboto-regular-italic-400.svg') format('svg');
}
// Roboto Light
@font-face {
font-family: 'Roboto';
font-weight: 300;
font-style: normal;
src: url('../fonts/roboto/roboto-light-300.eot?#iefix');
src: url('../fonts/roboto/roboto-light-300.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto/roboto-light-300.woff2') format('woff2'),
url('../fonts/roboto/roboto-light-300.woff') format('woff'),
url('../fonts/roboto/roboto-light-300.ttf') format('truetype'),
url('../fonts/roboto/roboto-light-300.svg') format('svg');
}
// Roboto Light Italic
@font-face {
font-family: 'Roboto';
font-weight: 300;
font-style: italic;
src: url('../fonts/roboto/roboto-light-italic-300.eot?#iefix');
src: url('../fonts/roboto/roboto-light-italic-300.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto/roboto-light-italic-300.woff2') format('woff2'),
url('../fonts/roboto/roboto-light-italic-300.woff') format('woff'),
url('../fonts/roboto/roboto-light-italic-300.ttf') format('truetype'),
url('../fonts/roboto/roboto-light-italic-300.svg') format('svg');
}
// Roboto Bold
@font-face {
font-family: 'Roboto';
font-weight: 700;
font-style: normal;
src: url('../fonts/roboto/roboto-bold-700.eot?#iefix');
src: url('../fonts/roboto/roboto-bold-700.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto/roboto-bold-700.woff2') format('woff2'),
url('../fonts/roboto/roboto-bold-700.woff') format('woff'),
url('../fonts/roboto/roboto-bold-700.ttf') format('truetype'),
url('../fonts/roboto/roboto-bold-700.svg') format('svg');
}
// Roboto Bold Italic
@font-face {
font-family: 'Roboto';
font-weight: 700;
font-style: italic;
src: url('../fonts/roboto/roboto-bold-italic-700.eot?#iefix');
src: url('../fonts/roboto/roboto-bold-italic-700.eot?#iefix') format('embedded-opentype'),
url('../fonts/roboto/roboto-bold-italic-700.woff2') format('woff2'),
url('../fonts/roboto/roboto-bold-italic-700.woff') format('woff'),
url('../fonts/roboto/roboto-bold-italic-700.ttf') format('truetype'),
url('../fonts/roboto/roboto-bold-italic-700.svg') format('svg');
}
// Montserrat Extra Bold
// Used for all bold number, scoreboard, count displays
@font-face {
font-family: 'Montserrat';
font-weight: 800;
font-style: normal;
src: url('../fonts/montserrat/montserrat-extra-bold-800.eot?#iefix');
src: url('../fonts/montserrat/montserrat-extra-bold-800.eot?#iefix') format('embedded-opentype'),
url('../fonts/montserrat/montserrat-extra-bold-800.woff2') format('woff2'),
url('../fonts/montserrat/montserrat-extra-bold-800.woff') format('woff'),
url('../fonts/montserrat/montserrat-extra-bold-800.ttf') format('truetype'),
url('../fonts/montserrat/montserrat-extra-bold-800.svg') format('svg');
}
// OpenDyslexic
@font-face {
font-family: 'OpenDyslexic';