embed font online

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;