Forum Discussion
Custom block font size not matching
Has anyone else noticed that the size of the font in a custom block looks completely different than a regular text block?
My statement block and my custom block are both Karla size 18 bold but the custom block is noticeably smaller.
This make course consistency impossible.
7 Replies
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.
You're correct.
In addition to the bug I mentioned to LFanz, we're tracking a separate Rise 360 bug that affects the responsiveness of Custom Blocks. We're mostly seeing this behavior during playback on smaller hardware like tablets and phones.
I've included both of you in the bug report, and we'll notify you as soon as a fix is in place.
I am also having this issue, and it is highly frustrating. I am now thinking that I will make the blocks in storyline and do the custom block that way. When previewing the course in my LMS sandbox, on a laptop as well as my big screen, the fonts are very small. A size 29 in the custom block, only just visibly matches the size 17 in the rest of the riseblocks.
Please tell me this is going to be fixed, otherwise the option of "Custom Block" is largely pointless.
For now I will continue to use Storyline and Mighty to help me achieve what I need.
