feat(CSS): use roboto font instead of helvetica (#2114)

We replace Helvetica with Roboto as the main font.

Change-Type: patch
Changelog-Entry: Replace Helvetica as the main font with Roboto.
This commit is contained in:
Benedict Aas 2018-03-12 16:38:01 +00:00 committed by GitHub
parent f72cc6bbbc
commit faf9b113a9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 68 additions and 0 deletions

View File

@ -41,10 +41,44 @@ $disabled-opacity: 0.2;
@import "../pages/settings/styles/settings";
@import "../pages/finish/styles/finish";
@font-face {
font-family: Roboto;
src: url('../../../node_modules/roboto-fontface/fonts/roboto/Roboto-Thin.woff');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: Roboto;
src: url('../../../node_modules/roboto-fontface/fonts/roboto/Roboto-Light.woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: Roboto;
src: url('../../../node_modules/roboto-fontface/fonts/roboto/Roboto-Regular.woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Roboto;
src: url('../../../node_modules/roboto-fontface/fonts/roboto/Roboto-Bold.woff');
font-weight: 700;
font-style: normal;
}
body {
letter-spacing: 1px;
}
body,
.tooltip,
.popover {
font-family: Roboto;
}
.section-footer {
display: flex;
align-items: center;

View File

@ -6690,9 +6690,38 @@ svg-icon > img[disabled] {
border-top: none;
height: 39px; }
@font-face {
font-family: Roboto;
src: url("../../../node_modules/roboto-fontface/fonts/roboto/Roboto-Thin.woff");
font-weight: 100;
font-style: normal; }
@font-face {
font-family: Roboto;
src: url("../../../node_modules/roboto-fontface/fonts/roboto/Roboto-Light.woff");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: Roboto;
src: url("../../../node_modules/roboto-fontface/fonts/roboto/Roboto-Regular.woff");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: Roboto;
src: url("../../../node_modules/roboto-fontface/fonts/roboto/Roboto-Bold.woff");
font-weight: 700;
font-style: normal; }
body {
letter-spacing: 1px; }
body,
.tooltip,
.popover {
font-family: Roboto; }
.section-footer {
display: flex;
align-items: center;

4
npm-shrinkwrap.json generated
View File

@ -6627,6 +6627,10 @@
"resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.1.tgz",
"dev": true
},
"roboto-fontface": {
"version": "0.9.0",
"resolved": "https://registry.npmjs.org/roboto-fontface/-/roboto-fontface-0.9.0.tgz"
},
"run-async": {
"version": "0.1.0",
"resolved": "https://registry.npmjs.org/run-async/-/run-async-0.1.0.tgz"

View File

@ -80,6 +80,7 @@
"resin-cli-form": "1.4.1",
"resin-cli-visuals": "1.4.1",
"resin-corvus": "1.0.0-beta.31",
"roboto-fontface": "0.9.0",
"semver": "5.1.1",
"speedometer": "1.0.0",
"sudo-prompt": "8.0.0",