Add Extra Fonts to Google Docs/Slides

Add extra fonts to the Google Docs and Google Slides font dropdown menus

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         Add Extra Fonts to Google Docs/Slides
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Add extra fonts to the Google Docs and Google Slides font dropdown menus
// @match        https://docs.google.com/document/d/*
// @match        https://docs.google.com/presentation/d/*
// @grant        none
// @run-at       document-end
// ==/UserScript==

(function() {
    'use strict';

    function addFontsToDropdown() {
        // Wait for the Google Docs/Slides page to fully load
        const interval = setInterval(() => {
            // Select the font dropdown element
            const fontDropdown = document.querySelector('.quantumWizMenuPaperselectPopup');
            
            if (fontDropdown) {
                // Clear the interval once the dropdown is found
                clearInterval(interval);
                
                // Define the extra fonts to add
                const extraFonts = ['Comic Sans MS', 'Arial Black', 'Courier New'];
                
                // Add the extra fonts to the dropdown
                extraFonts.forEach(font => {
                    const fontOption = document.createElement('div');
                    fontOption.className = 'quantumWizMenuPaperselectOption';
                    fontOption.textContent = font;
                    fontDropdown.appendChild(fontOption);
                });

                // Optionally, you can also add event listeners to handle font selection
                // Example:
                // fontDropdown.addEventListener('click', function(event) {
                //     if (event.target && event.target.className.includes('quantumWizMenuPaperselectOption')) {
                //         const selectedFont = event.target.textContent;
                //         // Apply the selected font to the document
                //     }
                // });
            }
        }, 1000); // Check every second
    }

    // Add extra fonts to the dropdown when the page loads
    window.addEventListener('load', addFontsToDropdown);
})();