added web fonts
This commit is contained in:
parent
9dace55091
commit
7fcd13f05a
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.
|
@ -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 {
|
||||||
|
|
|
@ -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";
|
||||||
}
|
}
|
||||||
|
|
|
@ -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";
|
Loading…
Reference in New Issue