This page is work-in-progress. You can reach me on twitter or mail to rezoner1337@gmail.com

Pixel perfect fonts

These are steps you have to take if you want this retro pixelart-ish text.

Disable smoothing/antialiasing for all CanvasQuery wrappers

cq.smoothing = false;

Using font-face load a pixel/bitmap font

Set a font and draw text;

var layer = cq();

layer.font("16px silkscreen")

layer.fillText("Hello world", 0, 16);

Notice that the bitmap/pixel fonts have a base height - if you want to have this crispy sensation you can only use multiplies of that height. For example if base height is 8 you can only use 8, 16, 24, 32... and so on.



Have any questions? Don't hesitate to ask:

Post issues on github, support my work on gratipay author rezoner