# Why use of W3.CSS change text Font?

**URL:** <https://discourse.nodered.org/t/why-use-of-w3-css-change-text-font/46515>\
**Category:** Dashboard\
**Created:** [31 May 2021 15:51 UTC](https://discourse.nodered.org/t/why-use-of-w3-css-change-text-font/46515 "2021-05-31T15:51:50Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [2 June 2021 04:12 UTC](https://discourse.nodered.org/t/why-use-of-w3-css-change-text-font/46515/2 "2021-06-02T04:12:49Z")

</div>

> [@SuperNinja](#):
>
> `https://www.w3schools.com/w3css/4/w3.css`

Brings in following:

```auto
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}
.w3-serif{font-family:serif}
.w3-sans-serif{font-family:sans-serif}
.w3-cursive{font-family:cursive}
.w3-monospace{font-family:monospace}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}

```

So when you use `<h1>` tag in text node value, the CSS from w3 affects.  
If you need to style text in ui\_text widget, most reliable will be to put the content inside `<span>` tags and give class to that span and then write CSS for that class and you have full freedom to decorate the text as you like.

An example can be found from this thread: [Reduced Line Spacing](https://discourse.nodered.org/t/reduced-line-spacing/46346)

---

_[View the full topic](https://discourse.nodered.org/t/why-use-of-w3-css-change-text-font/46515)._