Skip to content

Instantly share code, notes, and snippets.

@LouisGameDev
Last active February 27, 2025 11:11
Show Gist options
  • Save LouisGameDev/1ce3007b0fe9811106e0779d61fdbea4 to your computer and use it in GitHub Desktop.
Save LouisGameDev/1ce3007b0fe9811106e0779d61fdbea4 to your computer and use it in GitHub Desktop.
RuneScape Font Changer For All Website
// ==UserScript==
// @name RuneScape Font + Rounding
// @version 1.0
// @author Dawncore/Louis Hong
// @description Injects RuneScape fonts with size rounding on every webpage
// @match *://*/*
// @grant GM_addStyle
// ==/UserScript==
(function() {
// 1. Inject the CSS rules
GM_addStyle(`
/* Default everything to RuneScape Plain 12 Regular at 16px */
html body *,
html body *::before,
html body *::after,
html body pre,
html body code,
html body text,
html body kbd,
html body samp,
html body .hljs,
html body .hljs * {
font-family: "RuneScape Plain 12" !important;
font-size: 16px !important;
font-style: normal !important; /* disables italics */
-webkit-font-smoothing: none !important;
-moz-osx-font-smoothing: none !important;
font-smooth: never !important;
}
/* Bold text → Use bold font */
html body b,
html body b *,
html body strong,
html body strong * {
font-family: "RuneScape 12" !important;
font-weight: bold !important;
-webkit-font-smoothing: none !important;
-moz-osx-font-smoothing: none !important;
font-smooth: never !important;
}
/* Headers → Use bold font*/
html body h1,
html body h1 *,
html body h2,
html body h2 *,
html body h3,
html body h3 *,
html body h4,
html body h4 *,
html body h5,
html body h5 *,
html body h6,
html body h6 * {
font-family: "RuneScape 12" !important;
font-weight: bold !important;
font-style: normal !important; /* disables italics */
-webkit-font-smoothing: none !important;
-moz-osx-font-smoothing: none !important;
font-smooth: never !important;
}
html body sup {
font-family: "RuneScape Plain 11" !important;
font-size: 11px !important;
font-style: normal !important; /* disables italics */
-webkit-font-smoothing: none !important;
-moz-osx-font-smoothing: none !important;
font-smooth: never !important;
}
`);
})();
@LouisGameDev
Copy link
Author

LouisGameDev commented Jan 27, 2025

@LouisGameDev
Copy link
Author

LouisGameDev commented Jan 27, 2025

(Optional) Disable Windows Text Antialiasing

What anti-aliasing would look like

image

explorer_2025-01-26_23-43-30

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

@LouisGameDev
Copy link
Author

This stylesheet may break website functionality/layout

If a particular website is broken, exclude the usage of stylesheet for that domain.

image

@LouisGameDev
Copy link
Author

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment