Perplexity AI Font Fix のソースコード

Perplexity AI Font Fix

Forces sans-serif fonts on Perplexity AI web UI to override serif changes
右端で折り返す
// ==UserScript==
// @name         Perplexity AI Font Fix
// @namespace    perplexity-ugly-font-fix
// @version      1.0
// @description  Forces sans-serif fonts on Perplexity AI web UI to override serif changes
// @author       brosStyle
// @match        https://www.perplexity.ai/*
// @grant        none
// @license      MIT
// @run-at       document-start
// ==/UserScript==

(function() {
    'use strict';

    const style = document.createElement('style');
    style.textContent = `
        :root {
            --font-primary: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
            --font-secondary: inherit !important;
        }
        *, *::before, *::after {
            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
            font-feature-settings: normal !important;
        }
        [class*="prose"], [class*="answer"], .ProseMirror {
            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
            font-weight: 400 !important;
            line-height: 1.6 !important;
        }

        @font-face {
            font-family: 'serif-font-bad' !important;
            src: none !important;
            font-display: block !important;
        }
    `;
    document.head.appendChild(style);

    const observer = new MutationObserver(() => {
        document.querySelectorAll('*').forEach(el => {
            if (el.style.fontFamily && el.style.fontFamily.includes('serif')) {
                el.style.fontFamily = 'system-ui, -apple-system, "Segoe UI", Roboto, sans-serif';
            }
        });
    });
    observer.observe(document.body, { childList: true, subtree: true });
})();