Skip to main content
i
1y ago

font-stroke broken or what can I do to fix it

See example, font Baloo 2, gives strange strokes when used. can I fix this somehow or do I have to find a new font?

Desktop, OSx and Win11.

2 replies
C
i
C
1y ago

Hi The glyphs in Baloo were created by the original designer with overlapping segments. You don't typically see the overlapping segments unless an extra design detail, like a stroke, is added. In Rive, when a stroke is added (as in your example), our editor applies that as a centered stroke which places roughly half of the stroke on the outside of the glyph and the other half on the inside of the glyph, and this is what produces the overlapping strokes. To avoid this, you would need to select a different font family.

Note: Figma shows the same behavior when adding a center stroke to Baloo. But Figma also supports Outside and Inside strokes on glyphs, which avoids the overlapping issue, options we expect to add in the future.

i
1y ago

Thanks! Yes, I can see that now in Figma too in some sizes. Then I'll change font ^^. I wanted to have outside strokes (please make this an option sooner than later :pray:), but could live with center strokes.