3 ms·
I've been able to get mostly-crisp bitmap fonts via some CSS hacks. It's still a work-in-progress but I've been documenting my findings here: https://github.com
by Retr0id 4y ago
I've been able to get mostly-crisp bitmap fonts via some CSS hacks. It's still a work-in-progress but I've been documenting my findings here: https://github.com/DavidBuchanan314/bitmap-font-css https://github.com/DavidBuchanan314/bitmap-font-css
Notably, `filter: contrast(100.00001%);` works as a hack to disable subpixel antialiasing (although not antialiasing as a whole). I've only been able to test this on desktop Linux (in Firefox and Chrome), I'm hoping it works on other platforms too.
You can see a bit of a demo on my homepage[1], although note that I'm using the "Flexi IBM VGA"[2] font which is a hybrid bitmap/vector font (the block drawing characters, for example, are still pixel-perfect)
[1] https://www.da.vidbuchanan.co.uk/ https://www.da.vidbuchanan.co.uk/
[2] https://int10h.org/blog/2018/05/flexi-ibm-vga-scalable-truetype-font/ https://int10h.org/blog/2018/05/flexi-ibm-vga-scalable-truet...
Edit: Variant with true bitmap font: https://www.da.vidbuchanan.co.uk/index_bitmap.html https://www.da.vidbuchanan.co.uk/index_bitmap.html