Text Spacing Adjuster

WHAT IT DOES

This script lets you adjust text spacing on any webpage to improve readability. Using three independent sliders, you can control letter spacing (space between characters), word spacing (space between words), and line height (space between lines). These adjustments can make text easier to read for people with dyslexia, visual processing difficulties, or anyone who prefers a customized reading experience. The settings are applied immediately and persist across browsing sessions. You can toggle the spacing adjustments on and off, reset to default values with one click, and use keyboard shortcuts (Alt+L to increase line height, Alt+Shift+L to decrease) for quick adjustments without opening the panel.

WHERE IT RUNS

The script runs on all websites (*://*/*), making it truly universal. It works on any page with text—articles, documents, emails, forums, social media, and more. It supports both desktop and mobile views.

HOW TO USE

After installation, the settings panel appears on the left side of the screen with the gear emoji (⚙️). Open the panel to configure the script:

- The "Enable spacing adjustments" toggle enables or disables the script.

- Use the "Letter Spacing" slider to adjust space between characters.

- Use the "Word Spacing" slider to adjust space between words.

- Use the "Line Height" slider to adjust space between lines.

- Click "Toggle spacing" to temporarily switch the adjustments on or off.

- Click "Reset to defaults" to restore the default values.

Keyboard shortcuts: press Alt+L to increase line height, and Alt+Shift+L to decrease line height.

TECHNICAL SECTION — REAL MECHANISM

The script injects a style element into the page head containing CSS rules that override the letter-spacing, word-spacing, and line-height properties of text elements. The CSS uses !important to override site styles. The selectors target all elements ('*') and also specific text elements (p, div, span, li, h1-h6, a, button, label, blockquote, pre) for better coverage. The letter-spacing and word-spacing values are in pixels, with a range of -2px to 6px. The line-height is a unitless multiplier ranging from 1.0 to 2.5. The style element is recreated whenever the user adjusts any slider. The keyboard shortcuts listen for Alt+L and Alt+Shift+L keydown events, adjusting the line height by 0.1 increments and decrements. All settings are persisted via GM_setValue and loaded on page load. A MutationObserver watches for DOM changes and re-applies the spacing when new content is loaded.

THE PANEL

The settings panel is built with BotGentz's BGPanel component. It is draggable via its header, allowing you to reposition it anywhere on the screen. The panel snaps to the left edge by default but can be moved freely. Click the gear emoji to collapse the panel into a small bubble, and click the bubble to expand it again. The panel remembers its position per page session. Press the Escape key to quickly close or minimize the panel. The panel includes a status flash bar that provides visual feedback when settings are changed or actions are performed. All settings save automatically via GM_setValue.

PLEASE NOTE

This script requires the free BotGentz browser extension to run. It does not function as a standalone Chrome extension and does not use chrome.* APIs. The script uses CSS !important to override site styles, which may cause issues on sites with complex styling or inline styles. The spacing adjustments apply to all text elements on the page, which may affect layout in some cases. The keyboard shortcuts use Alt combinations that may conflict with browser shortcuts or site shortcuts. The script stores only your preferences via GM_setValue. No data is sent externally—all data is stored locally in your browser. The script never reads or writes password fields, hidden inputs, or file inputs. All DOM operations use safe methods (style properties, textContent, appendChild) and never use innerHTML.