How to pixelate Unicode characters in CSS or JS?

110 views Asked by At

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

There are 1 answers

0
ROOT On

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>