MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleNext-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleNext-RegularItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleNext-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleNext-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Atkinson Hyperlegible Mono";
  src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Atkinson Hyperlegible Mono";
  src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleMono-RegularItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Atkinson Hyperlegible Mono";
  src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleMono-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Atkinson Hyperlegible Mono";
  src: url("/assets/fonts/atkinson-hyperlegible-next/AtkinsonHyperlegibleMono-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --font-family-base: "Atkinson Hyperlegible Next", sans-serif;
  --font-family-serif: "Atkinson Hyperlegible Next", sans-serif;
  --font-family-sans: "Atkinson Hyperlegible Next", sans-serif;
  --font-family-monospace: "Atkinson Hyperlegible Mono", monospace;
}

html,
body,
.mw-body,
.mw-body-content,
.mw-parser-output,
.vector-body,
.vector-page-titlebar,
.vector-header-container,
.vector-sticky-header,
.mw-footer,
.oo-ui-widget,
.cdx-label,
.cdx-button,
.cdx-text-input__input,
.cdx-select,
input,
textarea,
select,
button {
  font-family: "Atkinson Hyperlegible Next", sans-serif;
}

code,
pre,
kbd,
samp,
tt,
.mw-code,
.mw-highlight,
.mw-editfont-monospace,
.mw-parser-output .monospaced,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea.mw-editfont-monospace {
  font-family: "Atkinson Hyperlegible Mono", monospace;
}