js-equality-game icon indicating copy to clipboard operation
js-equality-game copied to clipboard

Published 20 hours ago • verified publisher icon slikts

Please use web fonts

Open natewind opened this issue 7 years ago • 6 comments
trafficstars

image

CSS Web Fonts | W3Schools

natewind avatar Sep 10 '18 15:09 natewind

There unfortunately isn't a simple fix for this on my end; I've added a note about it in the readme:

The game uses emojis; your system and browser needs to support color fonts and have an emoji font like EmojiOne installed for the emojis to display properly.

slikts avatar Sep 11 '18 09:09 slikts

What do you mean, there isn’t a simple fix? What’s the ~~excuse~~ reason not to use @font-face? Usually, there is none. Relying on the user having a certain font is kinda strange.

natewind avatar Sep 11 '18 20:09 natewind

I mean that there isn't a simple fix; there's no uniform browser support for color font formats, and I'd also need to make a subset font, and it's unclear if the tools for making subset fonts even support color fonts. A more realistic solution would be to use images, but I'd prefer to use emojis.

slikts avatar Sep 11 '18 23:09 slikts

There should now be .svg image fallbacks if emojis are not supported (Ctrl+F5 is probably needed to test).

slikts avatar Sep 16 '18 19:09 slikts

Ya, .svg emojis could be a good idea right?

Leodau avatar Sep 19 '18 22:09 Leodau

.svg fallbacks are already implemented, but the detection for emoji support seems to also detect partial support, so the fallbacks aren't enabled in that case, even though it doesn't look completely right. I've posted a question on SO about it. My current idea is that maybe the detection could be applied to the specific emojis being shown.

slikts avatar Sep 19 '18 23:09 slikts