use 2023 fonts

[panikweb-esperanzah.git] / panikweb_esperanzah / static / css / style.scss

diff --git a/panikweb_esperanzah/static/css/style.scss b/panikweb_esperanzah/static/css/style.scss
index 0a6673df70f6763a4958e970ed33a0a92fc3e9f4..ed6203249f2b2b2cd33a2b264d8e06f3b19ccb96 100644 (file)
--- a/panikweb_esperanzah/static/css/style.scss
+++ b/panikweb_esperanzah/static/css/style.scss
@@ -15,18 +15,22 @@ $blue: #1332ff;
 $primary: $yellow;
 $secondary: $orange;
 
-@mixin cervo-font($type, $weight, $style: normal) {
-       @font-face {
-               font-family: 'Cervo';
-               src: url('../fonts/Cervo/typoforge_studio_-_cervoneue-#{$type}neue-webfont.woff') format('woff2'),
-               url('../fonts/Cervo/typoforge_studio_-_cervoneue-#{$type}neue-webfont.woff') format('woff');
-               font-weight: $weight;
-               font-style: $style;
-       }
+$text-font: montreal, sans-serif;
+$title-font: euro, sans-serif;
+
+@font-face {
+       font-family: "montreal";
+       src: url('../fonts/neuemontreal-regular-webfont.woff2') format('woff2');
+       font-style: normal;
+       font-weight: normal;
 }
 
-@include cervo-font('regular', 400);
-@include cervo-font('bold', 700);
+@font-face {
+       font-family: "euro";
+       src: url('../fonts/EurostileExtended-Black.woff2') format('woff2');
+       font-style: normal;
+       font-weight: bold;
+}
 
 @font-face {
        font-family: 'FontAwesome';
@@ -41,7 +45,7 @@ $secondary: $orange;
 }
 
 body {
-       font-family: Cervo, sans-serif;
+       font-family: $text-font;
        line-height: normal;
        text-align: left;
        margin: 0 auto 0 auto;
@@ -219,7 +223,7 @@ a [class*=" icon-"] {
 .icon-volume-up:before { content: "\f028"; }
 
 %text {
-       font-family: Cervo, sans-serif;
+       font-family: $text-font;
        font-size: 18px;
        color: white;
        text-align: justify;
@@ -1543,6 +1547,8 @@ div.emission-tile {
                text-align: left;
                color: $white;
                font-weight: bold;
+               font-family: $title-font;
+               font-size: 1rem;
                span {
                        transition: all ease 0.5s;
                }
@@ -1676,6 +1682,8 @@ div#actu {
        padding-bottom: 14px;
        h2 {
                padding-right: 10px;
+               font-family: $title-font;
+               font-weight: bold;
                font-size: 40px;
                padding-bottom: 10px;
        }
@@ -1703,6 +1711,7 @@ div.emission-detail {
                margin-top: 0;
                margin-bottom: 0;
                font-weight: bold;
+               font-family: $title-font;
        }
        .schedule {
                color: white;
@@ -1821,6 +1830,9 @@ div.emission-episodes {
                div.name {
                        text-align: left;
                        color: white;
+                       font-family: $title-font;
+                       font-size: 1rem;
+                       text-transform: uppercase;
                        font-weight: bold;
                }
        }