Open In App

Blaze UI Typography Monospaced

Improve
Improve
Like Article
Like
Save
Share
Report

Blaze UI is a free open source 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 learn about Blaze UI Typography Monospaced. Blaze UI Typography Monospaced is used to write text using font-family mono.

Class:

  • .u-text–mono: This class sets the font-family to mono

Syntax:

<p class="u-text--mono">
    Content
</p>

Let’s learn more about this using examples.

Example 1: In this example, we will use u-text–mono in <p> tag.

HTML




<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href=
</head>
  
<body>
    <h1 style="color:green">GeeksforGeeks</h1>
    <h3> Blaze UI Typography Monospaced</h3>
    <p class="u-text--mono">
        GeeksforGeeks is a computer science portal
    </p>
  
</body>
</html>


Output:

 

Example 2: In this example, we will  use u-text–mono in <span> and <h1> tags.

HTML




<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href=
</head>
  
<body>
    <h1 style="color:green">GeeksforGeeks</h1>
    <h3 class="u-text--mono">
        Blaze UI Typography Monospaced
    </h3>
    <span class="u-text--mono">
        GeeksforGeeks is a computer science portal
    </span>
</body>
</html>


Output:

 

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



Last Updated : 12 Apr, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads