Blaze UI Typography Monospaced
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 = "https://unpkg.com/@blaze/css@x.x.x/dist/blaze/blaze.css" > </ head > < body > < h1 style = "color:green" >w3wiki</ h1 > < h3 > Blaze UI Typography Monospaced</ h3 > < p class = "u-text--mono" > w3wiki 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 = "https://unpkg.com/@blaze/css@x.x.x/dist/blaze/blaze.css" > </ head > < body > < h1 style = "color:green" >w3wiki</ h1 > < h3 class = "u-text--mono" > Blaze UI Typography Monospaced </ h3 > < span class = "u-text--mono" > w3wiki is a computer science portal </ span > </ body > </ html > |
Output:
Reference: https://www.blazeui.com/components/typography/
Contact Us