☰

Add Extra Fonts to Google Docs/Slides

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

  1. // ==UserScript==
  2. // @name         Add Extra Fonts to Google Docs/Slides
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1
  5. // @description  Add extra fonts to the Google Docs and Google Slides font dropdown menus
  6. // @match        https://docs.google.com/document/d/*
  7. // @match        https://docs.google.com/presentation/d/*
  8. // @grant        none
  9. // @run-at       document-end
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.  
  15.     function addFontsToDropdown() {
  16.         // Wait for the Google Docs/Slides page to fully load
  17.         const interval = setInterval(() => {
  18.             // Select the font dropdown element
  19.             const fontDropdown = document.querySelector('.quantumWizMenuPaperselectPopup');
  20.             
  21.             if (fontDropdown) {
  22.                 // Clear the interval once the dropdown is found
  23.                 clearInterval(interval);
  24.                 
  25.                 // Define the extra fonts to add
  26.                 const extraFonts = ['Comic Sans MS', 'Arial Black', 'Courier New'];
  27.                 
  28.                 // Add the extra fonts to the dropdown
  29.                 extraFonts.forEach(font => {
  30.                     const fontOption = document.createElement('div');
  31.                     fontOption.className = 'quantumWizMenuPaperselectOption';
  32.                     fontOption.textContent = font;
  33.                     fontDropdown.appendChild(fontOption);
  34.                 });
  35.  
  36.                 // Optionally, you can also add event listeners to handle font selection
  37.                 // Example:
  38.                 // fontDropdown.addEventListener('click', function(event) {
  39.                 //     if (event.target && event.target.className.includes('quantumWizMenuPaperselectOption')) {
  40.                 //         const selectedFont = event.target.textContent;
  41.                 //         // Apply the selected font to the document
  42.                 //     }
  43.                 // });
  44.             }
  45.         }, 1000); // Check every second
  46.     }
  47.  
  48.     // Add extra fonts to the dropdown when the page loads
  49.     window.addEventListener('load', addFontsToDropdown);
  50. })();