Pixel Fonts and Websites (CSS + HTML)

Question

I'm searching a way to render a super-pixel font. Which means I want the pixels to be really visible. Without anti-aliasing if you prefer.

There was a nice google font which I used, but the problem is that firefox still anti-aliase it.

Any clue would be appreciated, any example too. I tried to use that font : https://www.google.com/fonts/specimen/Press+Start+2P
It renders well in any browser but when I integrate it in my own website, it doesn't render well.

Answer 1

Actually setting the CSS Property font-weight to normal kind of fixes the thing when the font size is small enough. It seems that bootstrap was kind of messing with my font.

For example :

<label>
    <input type="checkbox" name="checkbox" id="notify-on-message" />
    New Message
</label>

Was creating a blurred font. After applying style="font-weight: normal;" to the label the font was not blurred anymore, both in Firefox and Chrome.