added web fonts

This commit is contained in:
newick 2019-08-12 11:53:13 +02:00
parent 9dace55091
commit 7fcd13f05a
15 changed files with 58 additions and 5 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -1,8 +1,9 @@
@charset "UTF-8"; @charset "UTF-8";
body {
background-color: #fff; html {
padding: 1rem; font-size: 62.5%; /* 10px */
font-size: calc(1em * 0.625); /* fix */
} }
app-root { app-root {

View File

@ -4,8 +4,56 @@
// src: url("ProzaLibre-Regular.ttf") format("ttf"); // TODO find the correct path // src: url("ProzaLibre-Regular.ttf") format("ttf"); // TODO find the correct path
//} //}
@font-face {
font-family: "pt_sans";
src: url("assets/fonts/pt_sans_regular-webfont.woff2") format("woff2"),
url("assets/fonts/pt_sans_regular-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "pt_sans";
src: url("assets/fonts/pt_sans_bold-webfont.woff2") format("woff2"),
url("assets/fonts/pt_sans_bold-webfont.woff") format("woff");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "proza_libre";
src: url("assets/fonts/prozalibre-regular-webfont.woff2") format("woff2"),
url("assets/fonts/prozalibre-regular-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "proza_libre";
src: url("assets/fonts/prozalibre-medium-webfont.woff2") format("woff2"),
url("assets/fonts/prozalibre-medium-webfont.woff") format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "proza_libre";
src: url("assets/fonts/prozalibre-semibold-webfont.woff2") format("woff2"),
url("assets/fonts/prozalibre-semibold-webfont.woff") format("woff");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "proza_libre";
src: url("assets/fonts/prozalibre-bold-webfont.woff2") format("woff2"),
url("assets/fonts/prozalibre-bold-webfont.woff") format("woff");
font-weight: bold;
font-style: normal;
}
body { body {
font-family: "Proza-libre", "PT Sans", "DejaVu Sans Light", "Arial", "DejaVu Sans Mono"; font-family: $default_font, Arial, Helvetica, sans-serif;
font-size: 1.4rem; font-size: 1.4rem;
} }
@ -15,5 +63,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: "Proza-libre", "Brie Light", "Arial", "DejaVu Sans Mono"; font-family: $title_font, "Brie Light", "Arial", "DejaVu Sans Mono";
} }

View File

@ -14,3 +14,7 @@ $primary_color: $sun-yellow;
$font_color: $black; $font_color: $black;
$logo_color: $dark-lavender; $logo_color: $dark-lavender;
$logo_color_2: $camo; $logo_color_2: $camo;
// FONT
$default_font : "pt_sans";
$title_font: "proza_libre";