Browse Source

embed font online

master
JoBCB 4 years ago
parent
commit
1aedeb16a4
  1. 22
      static/css/style.css

22
static/css/style.css

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

Loading…
Cancel
Save