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?
Asked
Active
Viewed 94 times
2
-
what do you mean by pixelate? Is your objective to obscure the text so it isn't readable? – SpeedOfRound Mar 13 '20 at 16:38
-
No, just pixelate enough so that you can still read it, but it looks like an 80s video game thing. Or better. – matt Mar 13 '20 at 17:03
-
1You're going to need a font for that. – SpeedOfRound Mar 13 '20 at 17:09
1 Answers
3
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>
ROOT
- 11,363
- 5
- 30
- 45