From 1aedeb16a49a2d8d91780326f560edaa88acd87a Mon Sep 17 00:00:00 2001
From: JoBCB <joaninha_quelhas@hotmail.com>
Date: Sun, 15 Nov 2020 21:10:34 +0000
Subject: [PATCH] embed font online

---
 static/css/style.css | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 7e14b19..15686f3 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -17,19 +17,23 @@ font-style: normal;
 
 
 @font-face {
-font-family: 'Roboto Regular';
+font-family: 'Roboto';
 src: url('webfonts/Roboto_Regular/Roboto-Regular.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
 }
 
+@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
+
 @font-face {
-font-family: 'Roboto Regular Italic';
+font-family: 'Roboto Italic';
 src: url('webfonts/Roboto_Regular/Roboto-Italic.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
 }
 
+@import url('https://fonts.googleapis.com/css2?family=Roboto:ital@0;1&display=swap');
+
 /***************** EMERGENCY BUTTON AND MOCKUPS****************/
 div#backend-data-button, div#container-backend-data-button {
 	max-width: 365px !important;
@@ -101,7 +105,7 @@ html {
   -moz-box-sizing: inherit;
   box-sizing: inherit; }
 body {
-  font-family: Roboto Regular;
+  font-family: Roboto;
   font-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1600 - 320)));
   font-weight: normal;
   font-stretch: normal;
@@ -113,7 +117,7 @@ body {
   padding: 0;
 }
 body i {
- 	font-family: 'Roboto Regular';
+ 	font-family: 'Roboto';
  	font-weight: normal;
 	font-style: italic;
 }
@@ -321,7 +325,7 @@ div#footer-img-wiki img{
 div#footer-socials-links a{
 	text-decoration: none;
 	color:#FFFFFF;
-	font-family: 'Roboto Regular', sans-serif;
+	font-family: 'Roboto', sans-serif;
 	font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (1600 - 320)));
 	line-height: 28.4px;
 	font-weight: normal;
@@ -541,7 +545,7 @@ a.paginate_button.next:after {
   color: var(--black);
 }
 .date {
-  font-family: Roboto Regular;
+  font-family: Roboto;
   font-size: 16px;
   font-weight: normal;
   font-stretch: normal;
@@ -985,7 +989,7 @@ h2:nth-of-type(2), .Heading_D,.mw-parser-output h3, h3 {
   grid-column-end: 15;
 }
 .mw-parser-output ul {
-  font-family: Roboto Regular;
+  font-family: Roboto;
   font-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1600 - 320)));
   font-weight: normal;
   font-stretch: normal;
@@ -1003,7 +1007,7 @@ h2:nth-of-type(2), .Heading_D,.mw-parser-output h3, h3 {
 	height: auto;
 }
 .mw-parser-output img {
-	font-family: Roboto Regular;
+	font-family: Roboto ;
     font-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1600 - 320)));
 	text-decoration: none;
  	font-weight: normal;
@@ -1014,7 +1018,7 @@ h2:nth-of-type(2), .Heading_D,.mw-parser-output h3, h3 {
   	color: var(--black);
 }
 .mw-parser-output a {
-  font-family: Roboto Regular;
+  font-family: Roboto ;
   font-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1600 - 320)));
   font-weight: normal;
   font-stretch: normal;