Custom block font size not matching

Custom blocks are actually an SVG image, so the entire thing scales like any image would in a responsive site. I did a screen recording showing this and provide an adaptive solution for smallest viewports (phones) due to the scaling may cause text to become unreadable for your learners in custom blocks.

Hi LFanz​,

Sorry to hear that Custom Block font sizes are not rendering as expected.

I can confirm that we have this behavior logged as a bug in Rise 360. This bug causes Custom Block font style and size to differ between edit/preview mode and the published output. I've linked this discussion to the bug report so we can notify you as soon as a fix is ready.

We appreciate your patience, and I'm sorry if this has been slowing you down.

I seem to remember this was an acknowledged limitation with custom blocks during the Beta. It happens because custom blocks aren’t responsive. You set the canvas size in pixels, and Rise scales the whole canvas to fit the block’s content width. Text scales with it. So “18” is 18 units on the canvas, not 18px on screen, and if the canvas is wider than the content width, everything shrinks. Try to match the canvas width 1:1 so 18 is actually 18. In the Beta the width sizes given were Large 920px Med 760px small 520px. The further problem you’ll get is that the font sizes still might not scale the same on smaller screens or mobile because the block isn’t responsive as said. Nothing you can do about that unfortunately.