Skip to main content
Inspiring
September 14, 2022
Question

Text border is rendered in front of fill

  • September 14, 2022
  • 1 reply
  • 425 views

When I set a border for text, it is being drawn in front of fill. I want to be able to make the border render under the fill, so that it does not obstruct the fill. I am also unable to switch how border renders (out, middle, in).

 

This was present in ~v41 and is still present in v54.1. I am stunned that it has not been discovered yet...

This topic has been closed for replies.

1 reply

Spas K.
Community Expert
Community Expert
September 14, 2022

How much text do you need this on? You can do a few different things - have a duplicate text layer below this one, which has the border, so it renders behind. You can also outline the text (Convert to path Ctrl + B), in which case you can tell it whether to render on the outside, inside or center.

 

As far as I know, in Illustrator for example you also can't change where the stroke / border is rendered on text layers - it can only be centered on the character outline. I think you can do it in Figma, but it glitches on some letters and the result doesn't look great, so it's not just an Xd limitation - it has something to do with how fonts are dynamically rendered. Once you turn them into static vector paths, then there's no problem changing the way the border renders.

Inspiring
October 4, 2022

I use it very often, especially when using text over colorful background. For now I am using the duplicated layer technique, but it is really cumbersome when I need to change text, duplicate it, or use it in multiple text boxes.

Curving the text is also out of the question because in prototyping phase the text changes way too often.

Fonts are essentially vectors, so why is this a limitation? Also, is it possible to force the stroke to be rendered behind fill by default? I am pretty sure this would be a wanted behaviour by majority of users.