MasterStudy Templates
Live DemoChangelogResources Get MasterStudy
  • MasterStudy Templates
  • General
    • System Requirements
  • Installation & Activation
    • Theme Installation and Demo Import
    • MasterStudy Premium Templates
    • How To Update the Theme
    • License Utilization
    • How to get Premium Support?
  • LMS Widgets
    • Elementor Widgets
    • Gutenberg Blocks
  • Customizer Settings
    • Colors
    • Header Settings
    • Footer Settings
    • Typography
    • Menus
  • Elementor Blocks
    • Header
    • Footer
    • Menus
  • Gutenberg Blocks
    • MasterStudy Call to Action
    • MasterStudy Icon
    • MasterStudy Button
    • MasterStudy Testimonial
    • MasterStudy Iconbox
    • MasterStudy Adaptive Container
    • MasterStudy Text
  • Elementor Widgets
    • Courses Carousel
    • Courses Grid
    • Courses Search box
    • Featured Teacher
    • Recent Courses
    • MS LMS Testimonials
  • Extra Materials
    • Changelog
    • Demo
  • STYLEMIXTHEMES
    • Themes
    • Plugins
Powered by GitBook
On this page
  • Accessing Typography from the WordPress Admin Dashboard
  • Accessing Typography from Your Website Page
  • Typography Settings
  • Body Font
  • H1- H6

Was this helpful?

  1. Customizer Settings

Typography

PreviousFooter SettingsNextMenus

Last updated 7 months ago

Was this helpful?

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 MasterStudy Templates.

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:

  1. 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.

  1. On this toolbar, locate the "Customize" option. Clicking on it will transport you directly to the Customizer interface.

  1. 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.