Replaces specified fonts with alternatives across all page elements
This UserScript automatically replaces specified fonts with alternatives across all webpage elements. Its primary purpose is to improve text readability when font anti-aliasing is disabled, as some fonts (like Helvetica or GitLab Sans) may render poorly without smoothing.
Real-Time Font Replacement
Scans for target fonts (e.g., Helvetica, GitLab Sans) and substitutes them with more legible alternatives (Verdana, Arial, etc.).
Customizable Replacements
Configure font mappings in the fontReplacements object:
const fontReplacements = {
"Helvetica": "Verdana",
"Segoe UI": "Arial"
// Add more as needed
};
Comprehensive Coverage
MutationObserver).Non-Intrusive Execution
grant permissions required.fontReplacements to match your preferences.| Original Font | Replacement | Reason |
|---|---|---|
Helvetica |
Verdana |
Better readability without AA |
GitLab Sans |
Verdana |
Fixes jagged edges |
Roboto Mono |
Courier New |
Crisper monospace rendering |
@match *://*/*).@font-face override (commented out) for forced enforcement.Ideal for GitLab, Jira, and other interfaces where fonts degrade without anti-aliasing.
Pro Tip: Uncomment the
console.loglines to debug font changes in real time.
// Debug example:
// console.log('Replaced:', originalFont, '→', newFont);