To change fonts in WordPress, use your theme’s typography settings (Appearance, Customize, or Styles in the Site Editor for block themes), or in Elementor set Global Fonts under Site Settings, Global Fonts so the whole site updates at once. Use at most two font families, load them locally or from Google Fonts with only the weights you need, and check readability on mobile.
- Change fonts globally, not widget by widget.
- Two families and three or four weights are enough.
- Fewer font files load faster.
- Body text: 16px or larger.
- Bangla sites need a Bangla-capable font.
Where do you change fonts?
| Setup | Where |
|---|---|
| Classic theme | Appearance, Customize, Typography |
| Block theme | Appearance, Editor, Styles, Typography |
| Elementor | Site Settings, Global Fonts, plus Typography defaults |
| Custom font files | Elementor Custom Fonts (Pro) or the Font Library in block themes |
Live 1-to-1 WordPress and Elementor lessons on your own site, from $40. Every lesson recorded. Beginners welcome.
Why set fonts globally?
Picture a site where every heading was styled separately. The owner decides to switch from one font to another, and it takes an afternoon of clicking through 40 pages. With Global Fonts, the same change takes ten seconds. Global styles are the habit that separates tidy sites from messy ones; see Elementor global colors and typography.
How do fonts affect speed?
Each font weight is a separate file. Loading four families in six weights can add a second on mobile. Limit weights, preload the main font and use font-display swap so text appears immediately.
Want to learn WordPress design faster with a tutor?
I teach WordPress and Elementor 1-to-1 over Zoom or Google Meet, on your own website, at your pace. Lessons start at $40, every lesson is recorded so you can rewatch it, and you get a short checklist afterwards. Beginners, business owners, students and freelancers are all welcome. See lessons and prices or book a free intro call.
Frequently asked questions
How do I change the font in WordPress?
Use your theme typography settings or the Site Editor Styles; in Elementor, set Global Fonts in Site Settings.
How do I add a custom font to Elementor?
With Elementor Pro Custom Fonts, upload WOFF2 files and assign them in Global Fonts.
How many fonts should a website use?
Usually two families with three or four weights.
Do fonts slow down WordPress?
Too many families and weights can; limit them and preload the main font.
Sources
Live 1-to-1 WordPress and Elementor lessons on your own site, from $40. Every lesson recorded. Beginners welcome.
More WordPress guides
Guide, 3 min readWordPress and Elementor Tutoring: Your Questions Answered
Guide, 3 min readWordPress Multisite Explained: Who Needs It (and Who Does Not)
Guide, 3 min readWordPress Comments and Spam: Settings That Keep Your Site Clean
Guide, 3 min readHow to Move WordPress to HTTPS (SSL) and Fix Mixed ContentRather have an expert run your WordPress site?
Tanvir H is a Bangladesh-based WordPress and Elementor web designer with 7+ years of experience, 650+ projects and a 4.9 client rating. New websites, redesigns, fixes, speed, security and SEO, handled by one expert who explains everything in plain English and works with clients worldwide.
