search

BadIdeaFactory / the-emoji-compass

like a magic 8-ball for people who read "His Dark Materials"
https://badideafactory.github.io/the-emoji-compass/
Apache License 2.0
15 stars 5 forks source link

Missing character on results screen #102

Open mstem opened 4 years ago

mstem commented 4 years ago

On a Pixel 3 / Android 10 with Chrome, the results screen at http://emojicompass.com/ displays a missing character square instead of the tildes between lines

mstem commented 4 years ago

Screenshot_20191124-154309

mstem commented 4 years ago

Confirmed it's not happening on desktop Chrome w/ Windows 10

louh commented 4 years ago

That character is not actually a tilde but the `U+2053 SWUNG DASH character. It appears that it's not supported by Gentium Book Basic, which is a very limited subset of the most common characters. Neither the swung dash nor the more common tilde is in their chart of glyphs.

I'm not certain why this character displayed properly on every other system but this one. Perhaps other browsers or devices use the fallback serif font for missing characters automatically (this is not behavior I'm aware of, but it's certainly possible).

However, Gentium Plus is still open source and licensed the same as the Basic version. It's likely we can swap out the original font for the plus version of the files for the desired look. The plus version of this font is much larger file, but the additional loading time might not be a problem if we're bundling for apps or PWAs. Alternatively, with a little more effort, we can decide to subset the Plus font so that it's basically just the Basic set plus the swung dash.