Free Subtitle Style Previewer
Preview how your subtitles look with different fonts, sizes, colors, and backgrounds. Test readability against various scene types before publishing.
Live Preview
See how your subtitles will look on screen
Style Presets
Font Settings
Outline & Background
Use rgba for transparency, e.g., rgba(0,0,0,0.75)
Scene Background
Subtitle Source
Upload a file or type custom text to preview
Export
Download styled subtitles or copy CSS
Upload or paste a subtitle file above to enable download.
Exports a WebVTT ::cue CSS block for use in video players or websites.
How to Use the Style Previewer
🎨 Choose a Style
Start with a preset (Netflix, YouTube, BBC, etc.) or customize every aspect: font, size, color, outline, background, and position.
📺 Test Against Scenes
Switch between scene backgrounds (dark, bright, outdoor, action) to see how your subtitles look in different lighting conditions.
📁 Use Your Own Subtitles
Upload a subtitle file to preview actual dialogue. Navigate through entries with previous/next buttons to test various line lengths.
📋 Export CSS
Copy the generated WebVTT ::cue CSS to use directly in your video player, website, or streaming platform.
Features
Platform Presets
One-click presets for Netflix, YouTube, BBC iPlayer, Prime Video, and classic DVD styles. See exactly how your subtitles will look.
Full Customization
Control font, size, color, outline, background, letter spacing, line height, bold, italic, and position. Fine-tune every detail.
Scene Testing
Test against 6 different scene backgrounds — dark theater, daylight, bright scenes, action — to ensure readability in all conditions.
Frequently Asked Questions
What font is best for subtitles?
Sans-serif fonts like Arial, Helvetica, and Roboto are most commonly used. They're clean, readable at small sizes, and work well on screens. Netflix uses a custom variant of Arial.
Should I use a text outline or background box?
For dark scenes, a text outline (white text, black outline) is clean and minimal. For mixed or bright scenes, a semi-transparent background box ensures readability regardless of the background. Many platforms use both.
What size should subtitles be?
Typical sizes range from 24-32px depending on the viewing distance and screen size. For TV viewing, 28-30px is common. For mobile, slightly larger (30-34px) improves readability.
Can I use the exported CSS in my video player?
The exported CSS uses the WebVTT ::cue selector, which works in HTML5 video players and most web-based streaming players. For desktop players like VLC, you would configure style settings directly in the player preferences.