|
/ Documentation /Spectra One/ What are the Actual Sizes of the Predefined Font Sizes?

What are the Actual Sizes of the Predefined Font Sizes?

The Spectra One theme for WordPress offers a range of predefined font sizes to help you style your website’s content effectively. This document aims to provide you with an overview of the actual sizes of the predefined font sizes available in the Spectra One theme. Understanding these sizes will allow you to make informed decisions about typography and maintain visual consistency throughout your website.

Note

The actual sizes mentioned in this document are approximate values and may vary slightly based on factors such as browser rendering and user settings.

Available Sizes

Predefined Sizes

Extra Small (XS): The Extra Small font size in the Spectra One theme is typically around 14 pixels (px) in size on a desktop and 12 pixels(px) in size on any other devices below the desktop size. It is designed to be used for small sections of text or as an accent size for elements that require less emphasis.

Small (S): The Small font size is slightly larger than the Extra Small size, usually around 16 px in size on a desktop and 14 pixels(px) in size on any other devices below the desktop size. It is suitable for body text and other moderate-sized sections of content where readability is important.

Medium (M): The Medium font size serves as a balanced, standard font size for the Spectra One theme. It is approximately 18 px in size on a desktop and 16 pixels(px) in size on any other devices below the desktop size, making it suitable for general body text and most content areas on your website.

Large (L): The Large font size is noticeably bigger than the Medium size, typically around 22 px in size on a desktop and 20 pixels(px) in size on any other devices below the desktop size. It is ideal for headings, subheadings, and other prominent sections where you want to draw attention or create a visual hierarchy.

Extra Large (XL): The Extra Large font size in the Spectra One theme is significantly larger than the Large size, usually around 28 px in size on a desktop and 24 pixels(px) in size on any other devices below the desktop size. It is best reserved for major headings, featured sections, or any part of your website that requires a strong visual impact.

Extra Extra Large (XXL): The Extra Extra Large font size is even bigger than the Extra Large size, typically around 36 px in size on a desktop and 28 pixels(px) in size on any other devices below the desktop size. It is suitable for sections that require larger and more impactful typography, such as prominent call-to-action sections or special announcements.

Extra Extra Extra Large (XXXL): The Extra Extra Extra Large font size is considerably larger than the XXL size, usually around 44 px in size on a desktop and 32 pixels(px) in size on any other devices below the desktop size. It is ideal for sections that demand significant attention and stand out, such as hero sections or important announcements.

Extra Extra Extra Extra Large (XXXXL): The Extra Extra Extra Extra Large font size is the largest predefined font size in the Spectra One theme, typically around 56 px in size on a desktop and 40 pixels(px) in size on any other devices below the desktop size. It is reserved for exceptional use cases where even larger and more striking typography is needed to make a bold statement.

Custom Sizes: Apart from the predefined font sizes mentioned above, Spectra One also allows you to define custom font sizes tailored to your specific needs. These custom sizes can be set using precise pixel values or relative units like em or rem, offering more flexibility in typography customization.

Here is a table describing the details of the text sizes available in the Spectra One theme.

text Sizes

Conclusion

Understanding the actual sizes of the predefined font sizes in the Spectra One theme enables you to make informed decisions about typography and maintain visual consistency across your website. By leveraging the various font sizes available, including the XXL, XXXL, and XXXXL sizes, you can create a visually appealing and user-friendly browsing experience for your website visitors. Remember to test and adjust font sizes as needed to achieve the desired aesthetic and readability for your content.

Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

On this page

Get Notified When Available

Note - You can purchase the Essential Toolkit now and easily upgrade to the Business Toolkit once it becomes available.

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Get your hands on Spectra Pro

Enter your name and email address to get access to Spectra Pro.