☰

Add Chalkboard SE to Google Docs/Slides

Adds Chalkboard SE as an option to Google Docs and Slides font list

  1. // ==UserScript==
  2. // @name         Add Chalkboard SE to Google Docs/Slides
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.0
  5. // @description  Adds Chalkboard SE as an option to Google Docs and Slides font list
  6. // @author       YourName
  7. // @match        https://docs.google.com/document/d/*
  8. // @match        https://docs.google.com/presentation/d/*
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.  
  15.     // Function to inject Chalkboard SE into the font dropdown
  16.     function addChalkboardFont() {
  17.         let observer = new MutationObserver(function(mutations) {
  18.             mutations.forEach(function(mutation) {
  19.                 // Check if the font dropdown exists
  20.                 let fontDropdown = document.querySelector('[aria-label="Font"]');
  21.                 
  22.                 if (fontDropdown && !document.querySelector('.chalkboard-font-option')) {
  23.                     // Create a new font option for Chalkboard SE
  24.                     let newFontOption = document.createElement('div');
  25.                     newFontOption.classList.add('goog-menuitem', 'goog-menuitem-content', 'chalkboard-font-option');
  26.                     newFontOption.setAttribute('role', 'menuitem');
  27.                     newFontOption.setAttribute('data-font', 'Chalkboard SE');
  28.                     newFontOption.style.fontFamily = '"Chalkboard SE", cursive, sans-serif';
  29.                     newFontOption.textContent = 'Chalkboard SE';
  30.                     
  31.                     // Add the new font option to the font dropdown
  32.                     let fontMenu = document.querySelector('.docs-fontmenu ul');
  33.                     if (fontMenu) {
  34.                         fontMenu.appendChild(newFontOption);
  35.                     }
  36.  
  37.                     // Event listener to apply the font when selected
  38.                     newFontOption.addEventListener('click', function() {
  39.                         document.execCommand('fontName', false, '"Chalkboard SE"');
  40.                     });
  41.                 }
  42.             });
  43.         });
  44.  
  45.         observer.observe(document.body, { childList: true, subtree: true });
  46.     }
  47.  
  48.     // Run the function to add Chalkboard SE after a delay to ensure the page has loaded
  49.     window.setTimeout(addChalkboardFont, 2000);
  50. })();