Inter 4.0 - Using it for text-stroke (outline/hollow) #742
|
Hi. First time caller on this thread and Github. Experiencing an issue with the text when I text-stroke it. It's not meant in a derogatory term, but when I text-stroke the typeset, I call the design element a 'bit dirty'. See screen grab. I appreciate this end use, might not have been a need. I couldn't find any other Q&As regarding this type of text treatment in the Inter thread. Has anybody else experienced it, and apart from photoshopping the artwork, have a solution?
|
Replies: 2 comments 4 replies
|
Me again: Here's a screengrab of the issue in action for web:
|
|
This is the case with all variable fonts. You either need to unify the shapes by applying the boolean union (using for example skia-pathops) or use the static font files which are pre-processed with boolean union (aka "remove overlaps") |
|
If you're using a design tool like Figma, Sketch or Illustrator, then apply boolean union (they all have this feature) before applying stroke outline |
|
Here's an example in Figma. Note that because of weird quirks of Figma, you need two copies of the text object in a boolean group for it to work (long-standing bug.) https://www.figma.com/design/ib8iTLtizxchh3FLNHDbgN/Untitled 
|
|
@rsms Amazing thank you. |
|
skia-pathops: https://skia.org/docs/dev/present/pathops/ |
This is the case with all variable fonts. You either need to unify the shapes by applying the boolean union (using for example skia-pathops) or use the static font files which are pre-processed with boolean union (aka "remove overlaps")