Bold text font size

Seror76 · January 24, 2021, 5:48pm

CSS for change bold text font size

kirby · January 24, 2021, 8:39pm

Something like this?

/* Editor */
.rem-text
span.bold
{
font-size: 200%;
}

hannesfrank · February 14, 2021, 5:59pm

Perfect!

kirby · January 24, 2021, 9:28pm

If you didn’t want all bold text throughout your KB to be larger, you could set up the code so that only rems tagged with #bigbold will have a larger size. you can change the tag to whatever you prefer, “bigbold” is just an example. of course, you can also change how large the font is by changing the % from 200% to whatever you prefer.

.tree-node-container[data-rem-container-tags~="bigbold"]
div.rem-text
span.bold
{
font-size: 200%;
}

Seror76 · February 14, 2021, 5:59pm

I think so. Actually, I don’t want the bold text to be larger than the normal text. But I can adjust the % of the bold size according to your code. Thanks very much for the reply.
I’m not familiar with code and CSS, can I change the font style on Remnote? I want to use Helvetica Neue. If it’s possible can you post the code?

kirby · February 5, 2021, 10:15am

Yes, you can change the font style. I would recommend watching this short youtube video to get started with CSS in remnote: https://www.youtube.com/watch?v=d4VqpNyDfqc

I honestly didn’t know anything about coding CSS until 24 hours ago when I got started with that youtube video, and then referencing some of @hannesfrank CSS library work: https://hannesfrank.github.io/remnote-library/#/

Seror76 · January 25, 2021, 3:09am

I’ve tried this CSS library to change the font style but I couldn’t

kirby · February 4, 2021, 11:38pm

try copying and pasting this into the Custom CSS template:

/* Customize Fonts: */
.rem-text {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif     
}