MediaWiki:Darkvector.css: Difference between revisions

actually make the font work for real
No edit summary
Line 1: Line 1:
/* CSS placed here will affect users of the Vector skin */
/* CSS placed here will affect users of the Vector skin */
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
@font-face {
  font-family: "Rubik";
  src: url("/resources/assets/Rubik.woff2") format("woff2"),
      url("/resources/assets/Rubik-Bold.woff2") format("woff2"),
      url("/resources/assets/Rubik-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
 
@font-face {
  font-family: "Rubik";
  src: url("/resources/assets/Rubik-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}
 
@font-face {
  font-family: "Rubik";
  src: url("/resources/assets/Rubik-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}
 
@font-face {
  font-family: "Rubik";
  src: url("/resources/assets/Rubik-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
}
body, .mw-headline {
body, .mw-headline {
font-family: "Rubik", "Arial", "Helvetica Neue", "Segoe UI", Rubix, sans-serif !important;
font-family: "Rubik", "Arial", "Helvetica Neue", "Segoe UI", Rubix, sans-serif !important;