Pixel字体在HTML5 Canvas中消除锯齿

Question

我正在尝试在HTML5画布上绘制8位像素文本。我试过了：

_context['imageSmoothingEnabled'] = false;
_context['mozImageSmoothingEnabled'] = false;
_context['oImageSmoothingEnabled'] = false;
_context['webkitImageSmoothingEnabled'] = false;
_context['msImageSmoothingEnabled'] = false;

和其他一些与HTML和＆amp;谷歌搜索CSS字体超过一个小时。这是font-face：

@font-face {
    font-family: "undertalefont";
    src: url("bitops.ttf");
    font-style: normal;
    -webkit-font-smoothing: none;
}

在HTML中使用它时，它会尝试使用奇怪形式的子像素消除锯齿。它可以在图像编辑程序中呈现预期的字体。

所以我的问题是，如何阻止这种情况......（缩小至200％以查看不良AA）

并使其像素完美清晰？

编辑：我正在使用以下内容呈现文字：

_context.fillStyle = "white";
_context.font = "24px 'undertalefont'";
_context.fillText("Font rendering.", 32, 20);