Icons look atrocious on Firefox (Windows) when downsized

joypixels / emojify.js

A Javascript module to convert Emoji keywords to images

http://hassankhan.github.io/emojify.js/

MIT License

1.8k stars 240 forks source link

Icons look atrocious on Firefox (Windows) when downsized #1

Open hassankhan opened 11 years ago

hassankhan commented 11 years ago

The images on Firefox (Windows) look pretty bad when downscaled. They look great on OSX, though.

Screenshot

qq99 commented 10 years ago

I'm not sure what could really be done here, aside from providing a script to resize all emoji to various smaller sizes with a nice algo vs. relying on browser rescaling

hassankhan commented 10 years ago

Me neither, that's kind of why this issue's never been closed. Perhaps one day someone smarter than us will come up with a solution :smile:

hassankhan commented 9 years ago

Not sure if its completely applicable, but I think I might add some more CSS:

.emoji {
  ...
  text-rendering: auto; // optimizelegibility throws things off #1094
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); // ensures no half-pixel rendering in firefox
}