crispier text / font on html5 canvas

[JohnRDOrazio]

if we think that an html5 canvas is a doable route for previewing the marriage booklet, perhaps we need to look a little closer at getting a nice crisp image (unfortunately canvas is never crisp out of the box). I've already implemented a couple of tricks to make the straight lines a bit crispier, however to get every one of them pixel perfect we may need to implement a Device Pixel Ratio calculation.
Also the fonts / text elements look terrible, perhaps this could be a fix to try out (I believe this solution in fact takes into account Device Pixel Ratio):
https://stackoverflow.com/questions/15661339/how-do-i-fix-blurry-text-in-my-html5-canvas

[JohnRDOrazio]

another approach here: https://bel.fi/alankila/lcd/