add roboto font

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

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;
}

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);
}

View File

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

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;