Using a JS canvas with a pixel-aligned font, text is rendered using a Math.floor([width] / 2) but ends up blurry. Result is inconsistent with different devices. Both devices are using native resolution but appear different.

ctx.font = "16px 'Press Start 2P'";
ctx.fillStyle = 'black';
ctx.fillRect(0, 0, 400, 300);
ctx.fillStyle = 'white';
ctx.fillText('Blurry', Math.floor(400 / 2), 100);
ctx.fillText('Clear', 200.5, 200);

Example: https://jsfiddle.net/tsqdvfk9/

These two images show the above fiddle, but on the two different devices referenced above:

1st device

2nd device

Device 1 is a Windows 10 using 2 Acer H226HQL monitors

Device 2 is a Acer N18Q8 Chromebook