4 ms·

firefox looks like an SDF (shortest distance to the object), I'm not sure what the chrome one is...

• danbruc 5mo ago
  I would assume they are just drawing the outline, not performing any distance calculations, and the differences are just a result of different linejoin choices. [1] [1] https://www.w3.org/TR/fill-stroke-3/#stroke-linejoin https://www.w3.org/TR/fill-stroke-3/#stroke-linejoin
  • voidUpdate 5mo ago
    I'd imagine that at some point during the text rendering process, they have to generate an SDF of the text they want to render (it's what I did when I wanted to manually render text anyway). If they do, then they can generate the extra text-width lines basically for free, just fill everything with distance less than the property. I may be entirely wrong though, I don't know in detail how browsers render stuff