rounded font edges with CSS & SVG filters

Hi guys,

I'm John (aka @codingdudecom http://www.coding-dude.com/). I'm a programmer
and graphic designer. I was looking at some graphic design stuff and found
this action creates smooth edges in Photoshop
<https://www.photoshopsupply.com/actions/smooth-edges-photoshop-action-free>
.

I thought it could be a useful to make a SVG filter for rounding corners of
fonts and here's what I came up with:
https://dev.to/codingdudecom/css-smooth-font-edges-3pbb
https://codepen.io/inegoita/pen/BaoxmeG

Basically I apply a blur, several level adjustments for the alpha channel
and then intersect the result of that with the original. The end result is
pretty good, but maybe it can be improved.

Does anybody have a better idea for this?

thanks,
John

Received on Sunday, 10 May 2020 10:44:52 UTC