Blaze UI Typography Emphasising

Blaze UI is a free and open-source CSS UI Toolkit that provides a great structure for building websites quickly with a scalable and maintainable foundation. All components in Blaze UI are developed mobile-first and rely solely on native browser features, not a separate library or framework. It helps us to create a scalable and responsive website fast and efficiently with a consistent style.

In this article, we will see Blaze UI Typography Emphasising. Emphasizing text provides the users to add text in two colors i.e. light and dark, as it helps in identifying which text is important. 

Blaze UI Typography Emphasising classes:

• u-text--loud: This class is used to add a loud or dark-colored emphasized text.
• u-text--quiet: This class is used to add a quiet or light-colored emphasized text.

Syntax:

<div class="u-text--loud">Text here...</div>
<div class="u-text--quiet">Another text here...</div>

Example 1: Below example demonstrates the emphasized text in a <p> tag.

Output:

Example 2: Below example demonstrates the emphasized text in an <h1> and <h2> tag.

Output:

Reference: https://www.blazeui.com/components/typography/