Font Changer Bookmarklet

FontChanger.js

javascript: (() => { const fonts = [ '-', 'serif', 'sans-serif', 'monospace', 'cursive', 'fantasy', 'system-ui', 'ui-serif', 'ui-sans-serif', 'ui-monospace', 'ui-rounded', '-', 'Arial', 'Arial Black', 'Bookman', 'Comic Sans MS', 'Courier', 'Courier New', 'Garamond', 'Georgia', 'Impact', 'Palatino', 'Tahoma', 'Times', 'Times New Roman', 'Trebuchet MS', 'Verdana' ]; const select = document.createElement('select'); select.style.cssText = 'position: fixed; top: 1rem; right: 1rem; z-index: 65535;'; fonts.forEach((font) => { const option = document.createElement('option'); option.innerText = font; select.appendChild(option); }); select.onchange = () => { let font = fonts[select.selectedIndex]; if (font === '-') font = ''; document.body.style.fontFamily = font; }; document.body.appendChild(select); select.focus(); })(); void 0;