Typography
There are Typography settings available in the Customize section of the Appearance menu in the WordPress dashboard or from your website page. These settings let you set up the fonts in the Starter theme.
Accessing Typography from the WordPress Admin Dashboard
To access these settings, first navigate to your WordPress dashboard. Look for the "Appearance" tab on the left-hand sidebar and click on it. A dropdown menu will appear with several options, select "Customize" from this list.
Within the Customizer, navigate to the "Typography" section. Here, you’ll find various settings to adjust your site’s fonts.
Accessing Typography from Your Website Page
Another method to reach the Typography is directly from your website's front end for a more intuitive approach for adjustments while viewing changes live. Here’s how you can proceed:
Visit your website’s homepage while logged into your WordPress account. You should see a bar at the top of the page — this is the WordPress toolbar.
On this toolbar, locate the "Customize" option. Clicking on it will transport you directly to the Customizer interface.
Within the Customizer, navigate to the "Typography" section. Here, you’ll find various settings to adjust your site’s fonts.
Typography Settings
There are two sections available in Typography Settings:
Body Font
H1 - H6
It's important to note that if your website uses Gutenberg blocks or is built with Elementor, the typography settings set within these platforms take over the WordPress Customizer settings.
Body Font
These are the settings available in the Body Font section:
Font Family: Sets the typeface used for the text.
Font Size (px): Determines the size of the text in pixels.
Font Weight: Controls the thickness of the text.
Line Height (px): Sets the height of a line of text.
Text Transform: Allows you to change the case of the text.
H1- H6
The settings in this section let you adjust the headings from H1 to H6:
Font Family: Sets the typeface used for the text.
Font Size (px): Determines the size of the text in pixels.
Font Weight: Controls the thickness of the text.
Line Height (px): Sets the height of a line of text.
Text Transform: Allows you to change the case of the text.
After you finish the customization, click the Publish button to enhance and save the changes to your site.
Last updated
