Underlining Text

Community Support
4

The fact that HTML code is allowed is one of the biggest reasons why I love Supernotes. I don’t have all of them, but here are some other unofficial examples below.

Tags Example Card Content Rendering Note
<style> 
<style>
.test {
  font-weight: 700;
  background: -webkit-linear-gradient(45deg, #09009f, #00ff95 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 72pt;
  line-height: 90pt;
}
</style>
<span class="test">example</span>
image.png1113×389 41.2 KB
<ol> You can also use some other ordering counter types.
<ruby>
<small>, <sub>, <sup> Note that the <big> tag is code that can be discontinued at any time by the Chrome engine.
<progress> <progress />
<center> <center>text</center>
image.png1114×275 13.2 KB
Note that the <center> tag is code that can be discontinued at any time by the Chrome engine.
<font> <font size="60pt" color="#f00">font tag</font>

btw unfortunately, for now, supernotes does not seem to support <audio> or <video> tags.

So… the above tags are currently usable, but their support may change at any time due to updates or policy changes in the Supernotes. @tobias will provide more details (hopefully) haha.

some example codes were taken from MDN.

4 Likes