Change font (typeface, font size, etc) in handouts?

It appears that the handouts function in game supports various font sizes and styles as I've noticed that when I copy & paste from an external page the style is preserved. However, when writing directly into the handout on roll20 itself, the only options above the textbox are the typical (bold, italic, underline, strikethrough) as well as the ability to make something a header, but there's no way to change what the different header styles look like. I'd rather be able to just increase the size of text directly (I like to have my GM adventure notes in a handout up on the screen but the default text size on roll20 is too small for me to comfortably skim while in game.)

I've been getting around this by copy & pasting my content from google docs into the roll20 handouts but this isn't ideal as it often does weird things to the formatting e.g. everything that's bold gets resent to normal weight and then I have to go through and redo all the bolding or stuff like that.

Is there something I am missing here, is there an easy way to make text larger when writing in the notes section of the journal. It seems like a feature that should exist in the interface considering that it can be done with copy and pasting.

You can change them with a bit of work, but the change will only be seen on your local browser. If you are comfortable with CSS, here is an example of making them appear in the typical 5e style used by WotC. It could be modified for readability. If you are interested in upgrading to Pro, there is a script called Markdown which can do this for ALL players.

5e Style for Your Handouts -- Installation instructions in top post.

Oh, sure, I know CSS and I already use Stylus for some other websites. So a workaround where instead of being able to change the font size within the editor, I use the roll20 default styles but change how they display to me? Never would have occurred to me but that'll definitely work. Thanks.

Would still like to know if anyone has advice on avoiding the problem where text pasted into the roll20 editor loses its formatting. It seems to happen with bold text especially, I copy a paragraph from google docs into my handout notes and the bold seems to display correctly until I hit "save changes" at which point the text is no longer bold.

baticeer said:

Oh, sure, I know CSS and I already use Stylus for some other websites. So a workaround where instead of being able to change the font size within the editor, I use the roll20 default styles but change how they display to me? Never would have occurred to me but that'll definitely work. Thanks.

Would still like to know if anyone has advice on avoiding the problem where text pasted into the roll20 editor loses its formatting. It seems to happen with bold text especially, I copy a paragraph from google docs into my handout notes and the bold seems to display correctly until I hit "save changes" at which point the text is no longer bold.

I have the same problem.

I am developing a game, but is vary frustrating to update my roll20 handouts and manualy correct the formating every time I change something in my rules... It would be wonderful to just copy and paste them directly from google docs with no need to make corrections...

Any sugestions?

keithcurtis said:

You can change them with a bit of work, but the change will only be seen on your local browser. If you are comfortable with CSS, here is an example of making them appear in the typical 5e style used by WotC. It could be modified for readability. If you are interested in upgrading to Pro, there is a script called Markdown which can do this for ALL players.

5e Style for Your Handouts -- Installation instructions in top post.

The CSS file that you created for the discussion on Stephen S.'s markdown script almost works as a Stylus userscript.  The Roll20 editor doesn't seem to recognize all the various headings and font groups and so forth.  Is there a way to combine that markdown script and this Stylus to allow something more like WYSIWYG editing?

I doubt it. Stylus is a CSS interpreter. It takes existing classes as defined by the text editor and applies new definitions to those classes. The Markdown script actually writes the classes from plain text. I think it's a choice of one solution or the other. I chose the Markdown script, because it's way more powerful, and doesn't disturb the rest of the site. It's also a universal solution, since the resulting display looks the same for everyone, without need for script or extension. I use it for all of my campaign handouts.

Vitor A. said:

I have the same problem.

I am developing a game, but is vary frustrating to update my roll20 handouts and manualy correct the formating every time I change something in my rules... It would be wonderful to just copy and paste them directly from google docs with no need to make corrections...

Any sugestions?

Apparently, if you copy the text of the google docs to word, copy from here and then paste into yours handouts, the format is saved