the way people do wide text by trying to calculate the width in em is weird. do it properly by actually using real text to calculate the width~
That way it will work with custom fonts!
<span style="display: inline-block;"><span style="display: inline-block; transform: scale(2, 1); transform-origin: left center;">wide</span><span style="visibility: hidden; user-select: none;" aria-hidden="true">wide</span></span><span style="white-space: pre-wrap"> <span style="user-select: none;"> </span></span><span style="display: inline-block;"><span style="display: inline-block; transform: scale(2, 1); transform-origin: left center;">text</span><span style="visibility:hidden; user-select: none;" aria-hidden="true">text</span></span>
<span style="display: inline-block;"><span style="display: inline-block; transform: scale(3, 1); transform-origin: left center;">properly</span><span style="visibility:hidden; user-select: none;" aria-hidden="true">properly</span><span style="visibility:hidden; user-select: none;" aria-hidden="true">properly</span></span>