added web fonts

develop
newick 3 years ago
parent 9dace55091
commit 7fcd13f05a
  1. BIN
      src/assets/fonts/prozalibre-bold-webfont.woff
  2. BIN
      src/assets/fonts/prozalibre-bold-webfont.woff2
  3. BIN
      src/assets/fonts/prozalibre-medium-webfont.woff
  4. BIN
      src/assets/fonts/prozalibre-medium-webfont.woff2
  5. BIN
      src/assets/fonts/prozalibre-regular-webfont.woff
  6. BIN
      src/assets/fonts/prozalibre-regular-webfont.woff2
  7. BIN
      src/assets/fonts/prozalibre-semibold-webfont.woff
  8. BIN
      src/assets/fonts/prozalibre-semibold-webfont.woff2
  9. BIN
      src/assets/fonts/pt_sans_bold-webfont.woff
  10. BIN
      src/assets/fonts/pt_sans_bold-webfont.woff2
  11. BIN
      src/assets/fonts/pt_sans_regular-webfont.woff
  12. BIN
      src/assets/fonts/pt_sans_regular-webfont.woff2
  13. 7
      src/assets/scss/_global_layout.scss
  14. 52
      src/assets/scss/atoms/_fonts.scss
  15. 4
      src/assets/scss/variables.scss

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

@ -4,8 +4,56 @@
// 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 {
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;
}
@ -15,5 +63,5 @@ h3,
h4,
h5,
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;
$logo_color: $dark-lavender;
$logo_color_2: $camo;
// FONT
$default_font : "pt_sans";
$title_font: "proza_libre";
Loading…
Cancel
Save