character.ai Font Changer

Easy font changing for c.ai website (USE "\" To open the menu."
安裝腳本 ?
Wrap lines
// ==UserScript==
// @name         character.ai Font Changer
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Easy font changing for c.ai website (USE "\" To open the menu."
// @match        https://character.ai/*
// @author       Gamer, Claude.ai, The universe.
// @grant        GM_getValue
// @grant        GM_setValue
// ==/UserScript==

// ==UserScript==
// @name         Universal Font Changer
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  Easy font changing for any website
// @match        *://*/*
// @grant        GM_getValue
// @grant        GM_setValue
// ==/UserScript==

(function() {
    'use strict';

    // Comprehensive font list
    const fonts = [
        // Default/Standard Fonts
        { name: 'Arial', value: 'Arial, sans-serif' },
        { name: 'Helvetica', value: 'Helvetica, sans-serif' },
        { name: 'Times New Roman', value: 'Times New Roman, serif' },
        { name: 'Georgia', value: 'Georgia, serif' },
        { name: 'Courier New', value: 'Courier New, monospace' },
        { name: 'Verdana', value: 'Verdana, sans-serif' },

        // Dyslexia-Friendly Fonts
        { name: 'OpenDyslexic', value: 'OpenDyslexic, sans-serif' },
        { name: 'Dyslexie', value: 'Dyslexie, sans-serif' },
        { name: 'Comic Sans MS', value: 'Comic Sans MS, cursive' },
        { name: 'Lexend', value: 'Lexend, sans-serif' },
        { name: 'Atkinson Hyperlegible', value: 'Atkinson Hyperlegible, sans-serif' },

        // Readable Fonts
        { name: 'Roboto', value: 'Roboto, sans-serif' },
        { name: 'Open Sans', value: 'Open Sans, sans-serif' },
        { name: 'Lato', value: 'Lato, sans-serif' },
        { name: 'Montserrat', value: 'Montserrat, sans-serif' },
        { name: 'Source Sans Pro', value: 'Source Sans Pro, sans-serif' },

        // Serif Fonts
        { name: 'Merriweather', value: 'Merriweather, serif' },
        { name: 'Noto Serif', value: 'Noto Serif, serif' },
        { name: 'Libre Baskerville', value: 'Libre Baskerville, serif' },

        // Monospace Fonts
        { name: 'Courier Prime', value: 'Courier Prime, monospace' },
        { name: 'Source Code Pro', value: 'Source Code Pro, monospace' },
        { name: 'Fira Mono', value: 'Fira Mono, monospace' }
    ];

    // Create font changer menu
    function createFontChangerMenu() {
        // Create menu container
        const menu = document.createElement('div');
        menu.id = 'font-changer-menu';
        menu.style.cssText = `
            position: fixed;
            top: 20px;
            right: 20px;
            width: 300px;
            background: black;
            border: 2px solid white;
            padding: 15px;
            z-index: 10000;
            box-shadow: 0 0 10px rgba(255,255,255,0.5);
            max-height: 80vh;
            overflow-y: auto;
            display: none;
            color: white;
        `;

        // Create title
        const title = document.createElement('h2');
        title.textContent = 'Font Changer';
        title.style.cssText = `
            text-align: center;
            color: white;
            margin-bottom: 15px;
        `;
        menu.appendChild(title);

        // Create font selector
        const fontSelect = document.createElement('select');
        fontSelect.id = 'font-selector';
        fontSelect.style.cssText = `
            width: 100%;
            margin-bottom: 10px;
            background: white;
            color: black;
            padding: 5px;
        `;

        // Populate font selector
        fonts.forEach(font => {
            const option = document.createElement('option');
            option.value = font.value;
            option.textContent = font.name;
            fontSelect.appendChild(option);
        });
        menu.appendChild(fontSelect);

        // Create preview area
        const previewArea = document.createElement('div');
        previewArea.id = 'font-preview';
        previewArea.textContent = 'The quick brown fox jumps over the lazy dog';
        previewArea.style.cssText = `
            margin-top: 10px;
            padding: 10px;
            border: 1px solid white;
            text-align: center;
            color: white;
        `;
        menu.appendChild(previewArea);

        // Create apply button
        const applyButton = document.createElement('button');
        applyButton.textContent = 'Apply Font';
        applyButton.style.cssText = `
            width: 100%;
            padding: 10px;
            margin-top: 10px;
            background: white;
            color: black;
            border: none;
            cursor: pointer;
        `;
        menu.appendChild(applyButton);

        // Append menu to body
        document.body.appendChild(menu);

        // Event listeners
        fontSelect.addEventListener('change', (e) => {
            previewArea.style.fontFamily = e.target.value;
        });

        applyButton.addEventListener('click', () => {
            const selectedFont = fontSelect.value;
            applyFont(selectedFont);
        });

        // Keyboard shortcut to toggle menu
        document.addEventListener('keydown', (e) => {
            // Explicitly check for backslash key
            if (e.key === '\\' || e.keyCode === 220) {
                e.preventDefault(); // Prevent default backslash behavior
                menu.style.display = menu.style.display === 'none' ? 'block' : 'none';
            }
        });

        return menu;
    }

    // Apply font to entire page
    function applyFont(fontFamily) {
        const styleElement = document.createElement('style');
        styleElement.id = 'font-changer-style';
        styleElement.textContent = `
            body, html, * {
                font-family: ${fontFamily} !important;
            }
        `;

        // Remove previous font style if exists
        const existingStyle = document.getElementById('font-changer-style');
        if (existingStyle) {
            existingStyle.remove();
        }

        document.head.appendChild(styleElement);
    }

    // Initialize script
    function init() {
        const menu = createFontChangerMenu();
    }

    // Run script after page load
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', init);
    } else {
        init();
    }
})();
欢迎访问Greasy Fork镜像
