Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save questionlp/1b2328f1f3f08d16ed36298640159dc2 to your computer and use it in GitHub Desktop.
Save questionlp/1b2328f1f3f08d16ed36298640159dc2 to your computer and use it in GitHub Desktop.
Mastodon IBM Plex Web Font CSS (Forced Dark Mode)
/* IBM Plex Mono */
@font-face {
font-family: mastodon-font-monospace;
src: local("IBM Plex Mono Italic"), url(/packs/media/fonts/ibm-plex/IBMPlexMono-Italic.woff2) format("woff2"), url(/packs/media/fonts/ibm-plex/IBMPlexMono-Italic.woff) format("woff"), url(/packs/media/fonts/ibm-plex/IBMPlexMono-Italic.ttf) format("truetype");
font-weight: 400;
font-display: swap;
font-style: italic
}
@font-face {
font-family: mastodon-font-monospace;
src: local("IBM Plex Mono Bold"), url(/packs/media/fonts/ibm-plex/IBMPlexMono-Bold.woff2) format("woff2"), url(/packs/media/fonts/ibm-plex/IBMPlexMono-Bold.woff) format("woff"), url(/packs/media/fonts/ibm-plex/IBMPlexMono-Bold.ttf) format("truetype");
font-weight: 700;
font-display: swap;
font-style: normal
}
@font-face {
font-family: mastodon-font-monospace;
src: local("IBM Plex Mono Medium"), url(/packs/media/fonts/ibm-plex/IBMPlexMono-Medium.woff2) format("woff2"), url(/packs/media/fonts/ibm-plex/IBMPlexMono-Medium.woff) format("woff"), url(/packs/media/fonts/ibm-plex/IBMPlexMono-Medium.ttf) format("truetype");
font-weight: 500;
font-display: swap;
font-style: normal
}
@font-face {
font-family: mastodon-font-monospace;
src: local("IBM Plex Mono"), url(/packs/media/fonts/ibm-plex/IBMPlexMono-Regular.woff2) format("woff2"), url(/packs/media/fonts/ibm-plex/IBMPlexMono-Regular.woff) format("woff"), url(/packs/media/fonts/ibm-plex/IBMPlexMono-Regular.ttf) format("truetype");
font-weight: 400;
font-display: swap;
font-style: normal
}
/* IBM Plex Sans */
@font-face {
font-family: mastodon-font-sans-serif;
src: local("IBM Plex Sans Italic"), url(/packs/media/fonts/ibm-plex/IBMPlexSans-Italic.woff2) format("woff2"), url(/packs/media/fonts/ibm-plex/IBMPlexSans-Italic.woff) format("woff"), url(/packs/media/fonts/ibm-plex/IBMPlexSans-Italic.ttf) format("truetype");
font-weight: 400;
font-display: swap;
font-style: italic
}
@font-face {
font-family: mastodon-font-sans-serif;
src: local("IBM Plex Sans Bold"), url(/packs/media/fonts/ibm-plex/IBMPlexSans-Bold.woff2) format("woff2"), url(/packs/media/fonts/ibm-plex/IBMPlexSans-Bold.woff) format("woff"), url(/packs/media/fonts/ibm-plex/IBMPlexSans-Bold.ttf) format("truetype");
font-weight: 700;
font-display: swap;
font-style: normal
}
@font-face {
font-family: mastodon-font-sans-serif;
src: local("IBM Plex Sans Medium"), url(/packs/media/fonts/ibm-plex/IBMPlexSans-Medium.woff2) format("woff2"), url(/packs/media/fonts/ibm-plex/IBMPlexSans-Medium.woff) format("woff"), url(/packs/media/fonts/ibm-plex/IBMPlexSans-Medium.ttf) format("truetype");
font-weight: 500;
font-display: swap;
font-style: normal
}
@font-face {
font-family: mastodon-font-sans-serif;
src: local("IBM Plex Sans"), url(/packs/media/fonts/ibm-plex/IBMPlexSans-Regular.woff2) format("woff2"), url(/packs/media/fonts/ibm-plex/IBMPlexSans-Regular.woff) format("woff"), url(/packs/media/fonts/ibm-plex/IBMPlexSans-Regular.ttf) format("truetype");
font-weight: 400;
font-display: swap;
font-style: normal
}
body {
background-color: #000 !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment