Agile611/the-example-app-nodejs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add roboto font

Browse Source
This commit is contained in:
Benedikt Rötsch
2017-09-29 13:35:00 +02:00
committed by Benedikt Rötsch
parent 19cf4d1c56
commit a3f526e7ea
17 changed files with 102 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
assets/stylesheets/fonts.css Executable file
View File

@@ -0,0 +1,48 @@
@font-face {
font-family: 'roboto';
src: url('/fonts/roboto-regular-webfont.woff2') format('woff2'),
url('/fonts/roboto-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'roboto';
src: url('/fonts/roboto-italic-webfont.woff2') format('woff2'),
url('/fonts/roboto-italic-webfont.woff') format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'roboto';
src: url('/fonts/roboto-bold-webfont.woff2') format('woff2'),
url('/fonts/roboto-bold-webfont.woff') format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'roboto';
src: url('/fonts/roboto-bolditalic-webfont.woff2') format('woff2'),
url('/fonts/roboto-bolditalic-webfont.woff') format('woff');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'robotomedium';
src: url('/fonts/roboto-medium-webfont.woff2') format('woff2'),
url('/fonts/roboto-medium-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'robotomedium';
src: url('/fonts/roboto-mediumitalic-webfont.woff2') format('woff2'),
url('/fonts/roboto-mediumitalic-webfont.woff') format('woff');
font-weight: normal;
font-style: italic;
}

2
assets/stylesheets/global.css
View File

@@ -1,7 +1,7 @@
body {
background-color: var(--color-bg-default);
color: var(--color-text-default);
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-family: var(--font-regular);
font-size: 1rem;
line-height: var(--line-height);
}

1
assets/stylesheets/style.css
View File

@@ -1,6 +1,7 @@
@import 'normalize.css';
@import './variables';
@import './fonts';
@import './typography';
@import './formhack';

3
assets/stylesheets/variables.css
View File

@@ -7,6 +7,9 @@
--line-height: 1.5em;
--font-regular: 'roboto', Helvetica, sans-serif;
--font-light: 'robotomedium', Helvetica, sans-serif;
--color-palette-blue: #5c9fef;
--color-text-default: #2a303a;

BIN
public/fonts/roboto-bold-webfont.woff Executable file
View File

Binary file not shown.

BIN
public/fonts/roboto-bold-webfont.woff2 Executable file
View File

Binary file not shown.

BIN
public/fonts/roboto-bolditalic-webfont.woff Executable file
View File

Binary file not shown.

BIN
public/fonts/roboto-bolditalic-webfont.woff2 Executable file
View File

Binary file not shown.

BIN
public/fonts/roboto-italic-webfont.woff Executable file
View File

Binary file not shown.

BIN
public/fonts/roboto-italic-webfont.woff2 Executable file
View File

Binary file not shown.

BIN
public/fonts/roboto-medium-webfont.woff Executable file
View File

Binary file not shown.

BIN
public/fonts/roboto-medium-webfont.woff2 Executable file
View File

Binary file not shown.

BIN
public/fonts/roboto-mediumitalic-webfont.woff Executable file
View File

Binary file not shown.

BIN
public/fonts/roboto-mediumitalic-webfont.woff2 Executable file
View File

Binary file not shown.

BIN
public/fonts/roboto-regular-webfont.woff Executable file
View File

Binary file not shown.

BIN
public/fonts/roboto-regular-webfont.woff2 Executable file
View File

Binary file not shown.

50
public/stylesheets/style.css
View File

@@ -450,6 +450,54 @@ template {
display: none;
}
@font-face {
font-family: 'roboto';
src: url('/fonts/roboto-regular-webfont.woff2') format('woff2'),
url('/fonts/roboto-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'roboto';
src: url('/fonts/roboto-italic-webfont.woff2') format('woff2'),
url('/fonts/roboto-italic-webfont.woff') format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'roboto';
src: url('/fonts/roboto-bold-webfont.woff2') format('woff2'),
url('/fonts/roboto-bold-webfont.woff') format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'roboto';
src: url('/fonts/roboto-bolditalic-webfont.woff2') format('woff2'),
url('/fonts/roboto-bolditalic-webfont.woff') format('woff');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'robotomedium';
src: url('/fonts/roboto-medium-webfont.woff2') format('woff2'),
url('/fonts/roboto-medium-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'robotomedium';
src: url('/fonts/roboto-mediumitalic-webfont.woff2') format('woff2'),
url('/fonts/roboto-mediumitalic-webfont.woff') format('woff');
font-weight: normal;
font-style: italic;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
margin-top: 0;
}
@@ -810,7 +858,7 @@ github.com style (c) Vasily Polovnyov <vast@whiteants.net>
body {
background-color: #fff;
color: #2a303a;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-family: 'roboto', Helvetica, sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5em;