Skip to content

Instantly share code, notes, and snippets.

@questionlp
Last active June 11, 2026 22:14
Show Gist options
  • Select an option

  • Save questionlp/6e3ea95b0acbb192de224bd705608962 to your computer and use it in GitHub Desktop.

Select an option

Save questionlp/6e3ea95b0acbb192de224bd705608962 to your computer and use it in GitHub Desktop.
Mastodon IBM Plex Web Font CSS
@font-face {
font-family:mastodon-font-sans-serif;
src:local("IBM Plex Sans Italic"),
url(/packs/assets/fonts/ibm-plex-sans/IBMPlexSans-Italic.woff2) format("woff2"),
url(/packs/assets/fonts/ibm-plex-sans/IBMPlexSans-Italic.woff) format("woff"),
url(/packs/assets/fonts/ibm-plex-sans/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/assets/fonts/ibm-plex-sans/IBMPlexSans-Bold.woff2) format("woff2"),
url(/packs/assets/fonts/ibm-plex-sans/IBMPlexSans-Bold.woff) format("woff"),
url(/packs/assets/fonts/ibm-plex-sans/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/assets/fonts/ibm-plex-sans/IBMPlexSans-Medium.woff2) format("woff2"),
url(/packs/assets/fonts/ibm-plex-sans/IBMPlexSans-Medium.woff) format("woff"),
url(/packs/assets/fonts/ibm-plex-sans/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/assets/fonts/ibm-plex-sans/IBMPlexSans-Regular.woff2) format("woff2"),
url(/packs/assets/fonts/ibm-plex-sans/IBMPlexSans-Regular.woff) format("woff"),
url(/packs/assets/fonts/ibm-plex-sans/IBMPlexSans-Regular.ttf) format("truetype");
font-weight:400;
font-display:swap;
font-style:normal
}
@font-face {
font-family:mastodon-font-monospace;
src:local("IBM Plex Mono"),
url(/packs/assets/fonts/ibm-plex-mono/IBMPlexMono-Regular.woff2) format("woff2"),
url(/packs/assets/fonts/ibm-plex-mono/IBMPlexMono-Regular.woff) format("woff"),
url(/packs/assets/fonts/ibm-plex-mono/IBMPlexMono-Regular.ttf) format("truetype");
font-weight:400;
font-display:swap;
font-style:normal
}
@font-face {
font-family:mastodon-font-monospace;
src:local("IBM Plex Mono"),
url(/packs/assets/fonts/ibm-plex-mono/IBMPlexMono-Italic.woff2) format("woff2"),
url(/packs/assets/fonts/ibm-plex-mono/IBMPlexMono-Italic.woff) format("woff"),
url(/packs/assets/fonts/ibm-plex-mono/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"),
url(/packs/assets/fonts/ibm-plex-mono/IBMPlexMono-Bold.woff2) format("woff2"),
url(/packs/assets/fonts/ibm-plex-mono/IBMPlexMono-Bold.woff) format("woff"),
url(/packs/assets/fonts/ibm-plex-mono/IBMPlexMono-Bold.ttf) format("truetype");
font-weight:700;
font-display:swap;
font-style:normal
}
/* :root { font-family: "IBM Plex Sans" !important; } */
body.system-font { font-family:"IBM Plex Sans", mastodon-font-sans-serif, sans-serif !important; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment