Missing character on results screen

[mstem]

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]

[mstem]

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

[louh]

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.