☰

AO3: Site Wizard

Make AO3 easier to read: customize fonts and sizes across the entire site, adjust work reader margins, fix spacing issues, and configure text alignment preferences.

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey，才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

作者
BlackBatCat
日安装量
1
总安装量
113
评分
0 0 0
版本
3.5
创建于
2025-09-24
更新于
2025-11-07
大小
25.1 KB
许可证
MIT
适用于

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 Formatting

Alt text

  • 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.

Work Formatting

Alt text

  • 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 Formatting

Alt text

  • 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.
  • Apply code font to comments: Use code font on all textareas.

⚙️ How to Use

⚠️ Important for Chromium-based browsers: If you're using Chrome, Brave, Vivaldi, or Microsoft Edge on PC, an extra activation step is required. Follow these instructions.

  1. Install with a userscript manager:
  2. Click Userscripts in the header menu, then Site Wizard to customize.
  3. Adjust fonts, sizes, alignment, and spacing to your preference.
  4. Click Save — changes persist across browser sessions.

🎨 Customization Tips

Font Recommendations

Check out my other scripts: