The typography settings in this panel apply globally across your site and act as the lowest priority settings. For example: If specific typography settings are defined elsewhere, such as in the Module Heading Style tab of the Theme Options, those will take precedence over the Primary Font settings here.
The following fields are available:
- Body Font Setting: Configure the default font for the body text across your site. This setting impacts general content and ensures consistency in your site’s typography.
- Primary Font Setting: Set the primary font used across your site. This font is often applied to prominent areas like Headinsg, Titles, and key content sections.
- Secondary Font Setting: Define a secondary font for areas requiring differentiation, such as subheadings or supporting content.
- Tertiary Font Setting: Select a tertiary font that can be used for less prominent elements like captions, meta descriptions, or other supporting text.
- Navigation Fonts
- Top Navigation: Set the font for the top navigation menu.
- Header Main Navigation: Set the font for the primary navigation menu in the header.
- Sub Main Navigation: Configure the font for submenus within the main navigation.
- Offcanvas Navigation: Set the font for the off-canvas menu navigation.
- Off-canvas Sub Navigation: Configure the font for submenu items within the off-canvas navigation.
- Mobile Offcanvas Navigation: Set the font for the mobile off-canvas menu.
- Mobile Off-canvas Sub Navigation: Configure the font for submenu items within the mobile off-canvas navigation.
- Footer Navigation: Set the font for navigation links in the footer.
- Magic Island Navigation: Customize the font used in a specific navigation style called “Magic Island.”
- Navigation Text Hover Color: Choose between black or white for the text color when hovering over navigation links.
- Load More Button Text
- Load More Button Text: Customize the text displayed on the “Load More” button, which is typically used to load additional posts or content.
- No More Post Button Text: Set the text that appears when there are no more posts to load.
This configuration offers extensive control over your site’s typography, ensuring a cohesive and tailored visual style that aligns with your branding and design preferences.