Adding Google fonts and change the fonts in WordPress
Fonts play a key role in your site’s design and readability. On ruachost.com, you can easily add and customize Google Fonts in WordPress using plugins or manual methods.
Why Use Google Fonts?
Section titled “Why Use Google Fonts?”- Access to 600+ free, open‑source fonts.
- Supports 135+ languages.
- Improves site design and branding.
- Easy to integrate with WordPress themes.
Method 1: Using the Easy Google Fonts Plugin (Recommended)
Section titled “Method 1: Using the Easy Google Fonts Plugin (Recommended)”- Log in to WordPress with an administrator account.
- In the dashboard, go to Plugins → Add New.
- Search for Easy Google Fonts.
- Click Install Now, then Activate.
- Go to Appearance → Customize → Typography.
- Select the font family, style, and size for headings and paragraphs.
- Save changes → Fonts are applied instantly across your site.
✅ This method requires no coding and works with any WordPress theme.
Method 2: Adding Google Fonts Manually (Advanced)
Section titled “Method 2: Adding Google Fonts Manually (Advanced)”-
Visit Google Fonts.
-
Choose a font → Click Select this style.
-
Copy the
<link>code provided. Example:<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet"> -
In WordPress, go to Appearance → Theme Editor → header.php.
-
Paste the
<link>code before the closing</head>tag. -
In style.css, apply the font using CSS:
body {font-family: 'Roboto', sans-serif;} -
Save changes → Your site now uses the new font.
Important Notes
Section titled “Important Notes”- Always back up your theme before editing files.
- Use a child theme to preserve changes during updates.
- Plugins are easier for beginners, while manual methods give more control.
- Test fonts on multiple devices for readability.