created: 2025-09-28
modified: 2025-09-28
tags:
- userscript
AO3: Site Wizard
Transform your AO3 reading experience with complete font and layout control:
- 🎨 Site-Wide Font Customization — Change fonts, sizes, and weights across the entire site.
- 📖 Work-Specific Formatting — Customize how stories appear with width, alignment, and spacing controls.
- 🎯 Element-Specific Fonts — Set different fonts for headers, code blocks, and other elements.
- ✨ Automatic Spacing Fix — Eliminates excessive paragraph spacing in poorly formatted works.
✨ Features
Site-Wide Display
- Base Font Size: Adjust the overall text size for the entire site (50-200% of browser default).
- General Text Font: Set a custom font family for most site text.
- Font Weight: Control the boldness of general text across AO3.
![a title Alt text]()
Work Formatting
- Work Margin Width: Control how wide the work reader appears (10-100% of viewport).
- Font Size: Scale work text relative to your site base size (50-200%).
- Text Alignment: Choose between left-aligned, justified, or right-aligned text.
- Line Spacing: Fine-tune vertical space between paragraphs with decimal precision.
- Work Font: Set a specific font family just for reading stories.
- Spacing Fix: Automatically removes unnecessary blank lines and excessive spacing.
Element-Specific Fonts
- Header Font: Customize fonts for all headings (H1-H6).
- Header Weight: Control header text boldness separately from body text.
- Code/Monospace Font: Set fonts for code blocks and preformatted text.
- Code Font Style: Choose normal or italic styling for code elements.
- Code Font Size: Scale code text relative to surrounding content.
⚙️ How to Use
- Install with a userscript manager:
- Click "Userscripts" in the header menu, then "Site Wizard Settings" to customize.
- Adjust fonts, sizes, alignment, and spacing to your preference.
- Click "Apply Settings" to save — changes persist across browser sessions.
🎨 Customization Tips
Font Recommendations
Check out my other scripts: