Typography & Fonts
Upload custom fonts, connect Google Fonts, and set the typographic voice of your publication — down to the reader's preferred reading size.
Typography is the single biggest factor in how professional a news site looks and feels. NewsPro gives you full control: upload any font file, link any Google Font, set a site-wide default, and let readers adjust the reading size to their preference. Fonts load with font-display: swap and are preloaded for fast rendering — so your beautiful typography doesn't hurt your Core Web Vitals.
- Upload any font file — WOFF2, WOFF, TTF, OTF supported
- Link Google Fonts or any external font URL
- Set a site-wide default font with one click
- Font preloading + font-display: swap for zero FOIT
- Font family dropdown in the article rich text editor
- Readers can adjust article font size (14px–30px)
- Per-user font size preference saved to their account
- Global default font size configurable from dashboard
- Article body fonts lazy-detected and loaded on demand
- Public / private font status for organized font libraries
How Fonts Work
Add Your Font
Upload a font file (WOFF2, WOFF, TTF, OTF) to your media library, or paste a Google Fonts URL. Give it a display name and set it to Public.
Set as Default
In Settings → General, select your font from the dropdown. It is applied to the entire site via the --font-primary CSS variable and preloaded in the page head.
Readers Personalize
Readers can adjust article reading size from 14px to 30px using a slider in the article reader. Their preference is saved to their account and applied on every visit.
Typography Features
Custom Font Upload
Upload any font file from your media library. Supports WOFF2 (recommended), WOFF, TTF, OTF, EOT, and more. Multiple weight/style variants per font family via comma-separated file IDs.
Google Fonts & External
Paste any Google Fonts URL or external stylesheet link. NewsPro injects it as a <link> tag — so you get Google's fast CDN delivery for free.
Performance Optimized
Every font is preloaded with <link rel="preload"> and declared with font-display: swap — eliminating invisible text flash (FOIT) and keeping your Lighthouse score high.
In-Editor Font Control
The article rich text editor exposes a font family dropdown populated from all your public fonts. Editors can apply different fonts to headings and body — stored as inline CSS.
Common Questions
Yes. Paste the Google Fonts CSS URL into the "External Font Link" field and it is injected as a stylesheet. Readers get Google's global CDN delivery speed.
No. NewsPro preloads your primary font and uses font-display: swap — so text is always visible immediately while the custom font loads. Lighthouse performance scores are not affected.
Yes. A font size slider (14px–30px) is available in the article reader. The reader's preference is saved to their account and applied on every subsequent visit.
Yes. Editors can apply per-element font families in the rich text editor. Each article can use different fonts for different elements, stored as inline CSS in the article body.
Ready to Get Started?
Create your news site in 60 seconds. All features included in every plan.
Create Your Site