The LCD font lacks scanlines on some HDPI displays

AriaSalvatrice / AriaModules

Aria Salvatrice's Signature Series - Cool and Nice virtual synthesizer modules

https://aria.dog/modules/

GNU General Public License v3.0

61 stars 14 forks source link

The LCD font lacks scanlines on some HDPI displays #70

Closed AriaSalvatrice closed 3 years ago

AriaSalvatrice commented 3 years ago

The effect was probably an artifact of nanovg subpixel hinting in the first place. I can probably alter the files automatically to increase the gap.

I do not want to use a font unless the rendering is perfect everywhere: pixel-perfect at every zoom level on every OS, no antialiasing or weird subpixel hinting behavior, visible scanlines or pixel grid but still readable at 100% standard DPI.

AriaSalvatrice commented 3 years ago

Seems it can be achieved by adding a stroke-width to the LCD elements.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -0.5 6 10" shape-rendering="crispEdges">
<metadata>Made with Pixels to Svg https://codepen.io/shshaw/pen/XbxvNj</metadata>
<path stroke="#c1f0f2" d="M1 0h3M0 1h1M4 1h1M0 2h1M4 2h1M0 3h1M4 3h1M0 4h1M4 4h1M0 5h1M4 5h1M1 6h3" stroke-width="0.8" />
</svg>

A width of 1 seems to be assumed

AriaSalvatrice commented 3 years ago

Will reopen if I get reports of ugliness.