How to make small headlines in text?

Help
1

So, basically, I’ve been trying to make the following:

  • A small text, smaller than the default font in the current text. Just like when using a headline makes your text bigger.
  • But, make it part of the text, so, for an example, ==This section is smaller than the rest of the text==. And then the rest is normal sized text.

So, yeah, that’s basically it, but I can’t really find a way to do it, so, if you can help, I’d appreciate it.

2

What are you trying to achieve particularly? You cannot easily achieve custom inline text size which means the question is why you would want to do that. There are various options but they make your notes non portable.

You can use existing or custom inline syntax to mark your content and then style it using CSS. For example you can use CSS to style highlighting == ⋯ == however you want (e.g. make it look smaller).

Or you can use CSS classes.

This is a normal text and this is <span class="small-text">smaller text</span> in the same line.

.small-text {
    font-size: 0.75em; /* Adjust the size as needed */
    color: #555; /* Optional: Change color */
}

image
image900×110 5.17 KB

 

 

Third option is using small tag or some other existing html tag. In any case you need to use a special syntax in your notes. There are various ways to automate this process like Raycast/snippets.

1 Like
3 
<small>This whole sentence is in small letters.</small>

In Live Preview and Reading Mode:
This whole sentence is in small letters.

1 Like