How to pixelate Unicode characters in CSS or JS?

Viewed 79

How would I pixelate a font in CSS or JavaScript? I don’t know how to do this and Google didn’t help.

Does anyone have any suggestions?

1 Answers

What you really need is a 16 bit font not need for Javascript, you can search it online as there are tons of free 16 bit fonts, example from google fonts is something like this :

p {
  font-family: 'Press Start 2P', cursive;
}
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap" rel="stylesheet">


<p>
This is a 16 bit web font!
</p>

Related