How to Change the Font Size in WordPress
Check Out More At: WP Beginner
WordPress: Best WordPress Plugins | WordPress Tutorials
How to Easily Change the Font Size in WordPress
| Product Image | Product Name / Primary Rating / Price | Primary Button / Description |
|---|---|---|
|
Best Wordpress Page Builder
|
|
|
|
Best WordPress Form Builder
|
|
|
|
Best WordPress Theme
|
|
|
|
Best Wordpress Cloud Hosting
|
|
|
|
Best Budget WordPress Host
|
|
|
Elementor is an amazing website builder plugin for WordPress. Elementor makes it easy to create beautiful and high converting websites yourself without having to learn code.
Gravity Forms is a WordPress plugin that creates powerful forms quickly and easily, with drag-and-drop fields, custom notifications and confirmations, and custom styling capability.
Kadence Theme is a powerful, intuitive and flexible WordPress theme that offers an expansive set of features and customization options.
It includes a robust page builder, beautiful design options, mobile-friendly responsiveness, powerful SEO tools and optimized performance for faster loading times.
It's perfect for creating stunning websites without needing to write any code.
Cloudways is a managed cloud hosting platform that simplifies cloud infrastructure deployment and management.
It provides an intuitive dashboard, automated backups and optimized stack for speedy performance. It also provides 24x7 support with multiple server locations, enabling businesses to host their applications quickly and securely.
There are a few different ways that you can change the font size in WordPress. In this article, we will show you how to change the font size in WordPress using the default WordPress editor and two popular WordPress plugins.
If you want to change the font size of your website’s content, then you will need to edit your WordPress theme’s CSS file. However, if you want to change the font size of just one section or element on your website, then you can use the WordPress editor to make those changes.
Using the WordPress Editor to Change Font Size
1. Log into your WordPress website.
2. In the left-hand sidebar, navigate to Pages » All Pages.
3. Select the page where you want to change the font size.
4. Click on the pencil icon to edit the page.
5. In the WordPress editor, highlight the text that you want to change the font size for.
6. In the toolbar above the WordPress editor, you will see a drop-down menu labeled “Paragraph.” Click on that drop-down menu and select the desired Heading size. For example, you can select “Heading 1” to make the text much larger.
That’s it. You can now save your changes and preview them on your website.
If you want more control over the font sizes on your website, then we recommend that you use a WordPress plugin. For this tutorial, we will be using the Custom Fonts plugin.
Using the Custom Fonts Plugin to Change Font Size
1. Install and activate the Custom Fonts plugin. For more information, see our step by step guide on how to install a WordPress plugin.
2. Upon activation, you need to visit Settings » Custom Fonts page to configure the plugin settings.
3. The plugin comes with a few pre-installed fonts that you can use. To use any of those fonts, simply select it from the ‘Select Font Family’ drop-down menu.
4. If you want to add your own custom fonts, then you need to first upload them to your WordPress hosting account. You can do that by logging into your hosting account’s cPanel and navigating to the File Manager.
5. Once you are in the File Manager, navigate to the public_html » wp-content » uploads folder.
6. Now, click on the Upload button from the top toolbar and select the font files from your computer.
Note: The plugin supports .ttf and .otf font file formats.
7. After uploading the files, you need to head back to Settings » Custom Fonts page in your WordPress admin area and click on the ‘Add Font’ button.
8. This will bring up a popup where you need to provide a name for your font and select the font files that you just uploaded.
After adding the font, you will see it appear in the custom fonts drop-down menu.
9. Now you can select your custom font, enter the CSS selector, and then change the font size, letter spacing, and line height.
You can also select the ‘Apply Font’ checkbox next to specific CSS selectors to immediately apply the changes.
10. Once you are done, click on the ‘Save Changes’ button to store your settings.
We hope this article helped you learn how to change the font size in WordPress. You may also want to check out our guide on