Font Size Universal Booster

WHAT IT DOES

This script lets you increase the font size on any webpage for better readability. A slider in the settings panel lets you adjust the font size from 80% to 300% of the original size, with real-time preview. You can apply the font size change to all text, only paragraphs, only headings, or only body text. The setting is saved locally and persists across browsing sessions. Keyboard shortcuts (Alt++ to increase, Alt+- to decrease) let you adjust the size without opening the panel. A toggle lets you enable or disable the booster instantly. Preset buttons (100%, 120%, 150%, 175%, 200%, 250%, 300%) let you jump to common sizes quickly.

WHERE IT RUNS

The script runs on all websites (*://*/*), making it truly universal. It works on any page with text—articles, documents, emails, 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 font booster" toggle enables or disables the script.

- Use the slider to adjust the font size from 80% to 300%.

- Click any preset button to jump to a specific size.

- Choose where to apply the font size: "All text," "Paragraphs only," "Headings only," or "Body text."

- Click "Toggle font size" to temporarily turn the booster on or off.

- Click "Reset" to restore default settings.

Keyboard shortcuts: press Alt++ to increase font size, Alt+- to decrease.

TECHNICAL SECTION — REAL MECHANISM

The script injects a style element into the page head containing CSS rules that override the font-size property of text elements. The font size is applied as a percentage using the CSS `font-size: X% !important` rule, where X is the user-defined value (80-300). The line-height is also set to 1.6 for better readability. The selector is determined by the "applyTo" setting: "*" for all elements, "p, li, blockquote" for paragraphs, "h1-h6" for headings, or "body" for body text. The style element is recreated whenever the user adjusts the slider or changes the applyTo setting. The keyboard shortcuts listen for Alt++ and Alt+- keydown events, adjusting the size by 5% increments and updating the slider and display. The script uses `!important` to override site styles, ensuring the font size change is applied consistently. A MutationObserver watches for DOM changes and re-applies the styles 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 fixed layouts. The font size change applies to all text elements, which may affect the layout of some pages. 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.