PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3
element-web/res/themes/dharma/css/_fonts.scss

65 lines
1.7 KiB
SCSS
Raw Normal View History

experiments in dharma
2018-05-25 02:17:29 +00:00
/*
* Nunito.
* Includes extended Latin and Vietnamese character sets
* Current URLs are v9, derived from the contents of
Use Nunito font from the server only There are various versions of Nunito in circulation, and some have errors in their metrics or smaller supported character sets. To ensure all users get the expected experience, don't allow local copies of Nunito to be used. Fixes vector-im/riot-web#7959.
2018-12-31 15:59:08 +00:00
* https://fonts.googleapis.com/css?family=Nunito:400,400i,600,600i,700,700i&subset=latin-ext,vietnamese
experiments in dharma
2018-05-25 02:17:29 +00:00
*/
/* the 'src' links are relative to the bundle.css, which is in a subdirectory.
*/
@font-face {
font-family: 'Nunito';
font-style: italic;
font-weight: 400;
Define SCSS variable for resource dir Adds a `$res` SCSS variable set to the path from the root SCSS file to the `res` directory. This is a different base path than previously used in CSS URLs (it goes up 3 directories instead of 2), because Webpack will now be resolving images relative to the root SCSS file, so the path corresponds to a source tree location, instead of a path in the build output tree. Defining this variable has two main goals: * URLs are a bit easier to read * The path can be overridden, which is needed for external (riot-web) themes
2018-12-31 23:22:40 +00:00
src: url('$(res)/fonts/Nunito/XRXX3I6Li01BKofIMNaDRss.ttf') format('truetype');
experiments in dharma
2018-05-25 02:17:29 +00:00
}
@font-face {
font-family: 'Nunito';
font-style: italic;
font-weight: 600;
Define SCSS variable for resource dir Adds a `$res` SCSS variable set to the path from the root SCSS file to the `res` directory. This is a different base path than previously used in CSS URLs (it goes up 3 directories instead of 2), because Webpack will now be resolving images relative to the root SCSS file, so the path corresponds to a source tree location, instead of a path in the build output tree. Defining this variable has two main goals: * URLs are a bit easier to read * The path can be overridden, which is needed for external (riot-web) themes
2018-12-31 23:22:40 +00:00
src: url('$(res)/fonts/Nunito/XRXQ3I6Li01BKofIMN5cYtvKUTo.ttf') format('truetype');
experiments in dharma
2018-05-25 02:17:29 +00:00
}
@font-face {
font-family: 'Nunito';
font-style: italic;
font-weight: 700;
Define SCSS variable for resource dir Adds a `$res` SCSS variable set to the path from the root SCSS file to the `res` directory. This is a different base path than previously used in CSS URLs (it goes up 3 directories instead of 2), because Webpack will now be resolving images relative to the root SCSS file, so the path corresponds to a source tree location, instead of a path in the build output tree. Defining this variable has two main goals: * URLs are a bit easier to read * The path can be overridden, which is needed for external (riot-web) themes
2018-12-31 23:22:40 +00:00
src: url('$(res)/fonts/Nunito/XRXQ3I6Li01BKofIMN44Y9vKUTo.ttf') format('truetype');
experiments in dharma
2018-05-25 02:17:29 +00:00
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
Define SCSS variable for resource dir Adds a `$res` SCSS variable set to the path from the root SCSS file to the `res` directory. This is a different base path than previously used in CSS URLs (it goes up 3 directories instead of 2), because Webpack will now be resolving images relative to the root SCSS file, so the path corresponds to a source tree location, instead of a path in the build output tree. Defining this variable has two main goals: * URLs are a bit easier to read * The path can be overridden, which is needed for external (riot-web) themes
2018-12-31 23:22:40 +00:00
src: url('$(res)/fonts/Nunito/XRXV3I6Li01BKofINeaE.ttf') format('truetype');
experiments in dharma
2018-05-25 02:17:29 +00:00
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 600;
Define SCSS variable for resource dir Adds a `$res` SCSS variable set to the path from the root SCSS file to the `res` directory. This is a different base path than previously used in CSS URLs (it goes up 3 directories instead of 2), because Webpack will now be resolving images relative to the root SCSS file, so the path corresponds to a source tree location, instead of a path in the build output tree. Defining this variable has two main goals: * URLs are a bit easier to read * The path can be overridden, which is needed for external (riot-web) themes
2018-12-31 23:22:40 +00:00
src: url('$(res)/fonts/Nunito/XRXW3I6Li01BKofA6sKUYevN.ttf') format('truetype');
experiments in dharma
2018-05-25 02:17:29 +00:00
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 700;
Define SCSS variable for resource dir Adds a `$res` SCSS variable set to the path from the root SCSS file to the `res` directory. This is a different base path than previously used in CSS URLs (it goes up 3 directories instead of 2), because Webpack will now be resolving images relative to the root SCSS file, so the path corresponds to a source tree location, instead of a path in the build output tree. Defining this variable has two main goals: * URLs are a bit easier to read * The path can be overridden, which is needed for external (riot-web) themes
2018-12-31 23:22:40 +00:00
src: url('$(res)/fonts/Nunito/XRXW3I6Li01BKofAjsOUYevN.ttf') format('truetype');
experiments in dharma
2018-05-25 02:17:29 +00:00
}
/*
* Fira Mono
* Used for monospace copy, i.e. code
*/
@font-face {
font-family: 'Fira Mono';
Define SCSS variable for resource dir Adds a `$res` SCSS variable set to the path from the root SCSS file to the `res` directory. This is a different base path than previously used in CSS URLs (it goes up 3 directories instead of 2), because Webpack will now be resolving images relative to the root SCSS file, so the path corresponds to a source tree location, instead of a path in the build output tree. Defining this variable has two main goals: * URLs are a bit easier to read * The path can be overridden, which is needed for external (riot-web) themes
2018-12-31 23:22:40 +00:00
src: url('$(res)/fonts/Fira_Mono/FiraMono-Regular.ttf') format('truetype');
experiments in dharma
2018-05-25 02:17:29 +00:00
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Fira Mono';
Define SCSS variable for resource dir Adds a `$res` SCSS variable set to the path from the root SCSS file to the `res` directory. This is a different base path than previously used in CSS URLs (it goes up 3 directories instead of 2), because Webpack will now be resolving images relative to the root SCSS file, so the path corresponds to a source tree location, instead of a path in the build output tree. Defining this variable has two main goals: * URLs are a bit easier to read * The path can be overridden, which is needed for external (riot-web) themes
2018-12-31 23:22:40 +00:00
src: url('$(res)/fonts/Fira_Mono/FiraMono-Bold.ttf') format('truetype');
experiments in dharma
2018-05-25 02:17:29 +00:00
font-weight: 700;
font-style: normal;
}
Reference in a new issue Copy permalink