RuneScape Font Theme For Discord

RuneScape Font Theme For Discord.css

/* BetterDiscord RuneScape Font Theme by Dawncore*/

/*
 Required Font Installs https://github.com/RuneStar/fonts
    RUNESCAPE_0.TTF
    RUNESCAPE_BOLD_0.TTF
    RUNESCAPE-PLAIN-11.TTF
    RUNESCAPE-PLAIN-12.TTF
    RUNESCAPE-BOLD-12.TTF
*/


/* Default everything to RuneScape Plain 12  16px */
body div,
body div::before,
body div::after,
body pre,
body code,
body kbd,
body samp,
body .hljs,
body .hljs * {
  font-family: "RuneScape Plain 12" !important;
  font-size: 16px !important;
  -webkit-font-smoothing: none !important;
}


/* Bold text → RuneScape 12 Bold 16px */
body b,
body b *,
body strong,
body strong * {
  font-family: "RuneScape 12" !important;
  font-weight: bold !important;
  font-size: 16px !important;
  -webkit-font-smoothing: none !important;
}

/* Headers → RuneScape 12 Bold 32px */
body h1,
body h1 *,
body h2,
body h2 *,
body h3,
body h3 *,
body h4,
body h4 *,
body h5,
body h5 *,
body h6,
body h6 *,
body .headerText_a0,
body .headerText_a0 * {
  font-family: "RuneScape 12" !important;
  font-size: 16px !important;
  font-weight: bold !important;
  -webkit-font-smoothing: none !important;
}

/* disable anti-aliasing on discord role icons */
.roleIcon_afae9f {
  image-rendering: pixelated; /* For modern browsers */
  image-rendering: crisp-edges; /* Fallback for older browsers */
}

html body code.inline {
  background-color: #282828;
}

The RuneScape fonts from the following repos must be installed.

https://github.com/RuneStar/fonts

https://github.com/runelite/runelite/tree/master/runelite-client/src/main/resources/net/runelite/client/ui

(Optional) Disable Windows Text Antialiasing

What anti-aliasing would look like

With no anti-aliasing, the font used must be a multiple of 16

Might want to adjust this particular setting on Discord

Desired result

How to use a stylesheet in Discord

I use BetterDiscord mod for Discord.

https://betterdiscord.app/