Bulk Font File Downloader from Page

WHAT IT DOES

Bulk Font File Downloader from Page is a specialized developer tool that streamlines the process of downloading multiple font files from any webpage. Instead of manually inspecting page source, searching through CSS for @font-face rules, copying URLs, and downloading each font individually—a process that can be time-consuming—this script automates the entire workflow. It scans the current page for font files using multiple detection strategies: CSS @font-face rules, link tags (preload, preconnect, stylesheet), anchor tags pointing to font files, and even raw URLs embedded in page text. It identifies common font formats including WOFF, WOFF2, TTF, OTF, EOT, SVG, SFNT, PFB, and PFM. The script displays all detected font files as a scrollable checklist with font family names, file extensions, and source types. You can select individual files, use Select All/Deselect All toggles, and bulk open your selections in new tabs—where the browser's native download handling will prompt you to save each file. This is ideal for web developers, designers, typographers, and anyone who frequently downloads font files for design projects, offline testing, or font library management.

WHERE IT RUNS

This script is universal—it runs on any website (*://*/*) as a userscript injected through the BotGentz extension. It operates within the context of your current browser tab and cannot access other tabs, bookmarks, history, or downloads. The script reads the page DOM and CSSOM to identify font files using a four-layer detection strategy: CSS @font-face rules (the primary method for web fonts), link tags with font-related attributes, anchor tags pointing to font files, and regex-based text scanning for raw font URLs. It extracts font family names from CSS rules and tries to derive meaningful titles from surrounding content. All operations occur locally in your browser; no data is sent to external servers.

HOW TO USE

1. Navigate to any webpage containing font files you want to download—a font foundry, a GitHub repo with fonts, a design asset page, or any site using custom web fonts.

2. Click the BotGentz extension icon and select "Bulk Font File Downloader from Page" from the script list.

3. The panel opens on the right side of the page. It automatically scans the current page for font files.

4. Review the detected files, showing font family name, file extension, and source type (css-font-face, style-tag, link-tag, anchor, or text).

5. Configure "Max concurrent opens" to control how many files are opened at once (default 4).

6. Toggle "Open in background" to control whether tabs open in the background or focus on your current tab.

7. Use the source toggle checkboxes to include or exclude CSS @font-face, link tags, and anchor links from the scan.

8. Check the boxes next to files you wish to download. Use "Select All" or "Deselect All" for quick selection.

9. Click "Open Files" to begin. The script opens selected font URLs in new tabs at your configured concurrency limit.

10. Alternatively, click "Copy Links" to copy all selected font URLs to your clipboard for use with other download tools.

WHY IT WORKS WHERE OTHERS FAIL

Most font downloading tools are either site-specific scrapers that break when websites change, or browser extensions that rely on intercepting network requests (which requires broad permissions). This script takes a different approach: it works on any page by analyzing both the DOM and CSSOM—not network traffic—and it uses a multi-layer detection strategy that catches font files even when they're buried in CSS or not obviously linked. It reads CSS stylesheets (including @font-face rules) using the browser's CSSOM API, which allows it to extract both the font URL and the font-family name simultaneously. This is crucial because the family name is often the only meaningful identifier for a font. It also scans inline style tags for @font-face rules and raw text for font URLs. By providing per-source toggles, users can focus the scan on specific detection methods. The script opens URLs using GM_openInTab, which is designed for userscripts and respects browser tab policies, rather than attempting to manipulate downloads directly. By focusing on the preparation step (opening URLs) rather than the download itself, it remains reliable and effective across all websites.

THE PANEL

The script uses BotGentz's BGPanel system, which provides a floating, draggable panel on the right side of your screen. Drag the panel by its header to reposition it anywhere on the page—the panel remembers its position per site and snaps to the nearest edge when released. Click the minimize button to collapse the panel to a small floating bubble; click the bubble to expand it back. Resize the panel vertically by dragging its bottom edge. Press the Escape key to close the panel entirely. All panel state (position, collapsed/expanded) is persisted locally using GM_setValue, so your preferences survive page reloads.

PLEASE NOTE

This userscript requires the free BotGentz browser extension—it is not a standalone application. Because it works on any website, the script's ability to detect font files depends on the page structure and CSS organization. Results may vary across pages; some fonts may not be detected due to cross-origin stylesheet restrictions (CORS) or unusual CSS formatting. This script opens font URLs in new tabs but does not download files itself—the browser's native download prompt will appear when you navigate to a file URL. It does not access your password, hidden inputs, or file inputs. All detection and link extraction occurs entirely within your browser. Always respect copyright and licensing terms when downloading font files.