back

by EwanG·12y ago·view on hn ↗
Anyone else seeing this (latest version of Chrome on Win 8.1) as all boxes? If I highlight and right-click, it will ask me if I want to search for each word, so that I was able to see this is a question about Unicode formatting. I tried setting my fonts to Unicode fonts in the Advanced Settings, but that didn't seem to help.
4 comments
On latest Chrome in Win 7, I also see all boxes. Interestingly, the page title of the comment thread displays correctly though.
somewhat interestingly, to me at least, The title is boxes in the page content, but renders correctly in the tab header in chrome on windows for me.

It renders fine in both on my mac.

IE and Firefox on Windows 8.1 render it properly. Chrome renders it as all boxes.
Chrome on iOS shows it as all boxes.
You mean Safari (or WebView) on iOS. Chrome on iOS is just using a skinned WebView because Apple's rules don't allow anything else.

In other words Safari on iOS shows the same boxes. When and if Apple danes to fix it it will also be fixed on Chrome for iOS.

It's possible it's just a font issue. Tried pasting in FB Messenger, iOS Notes, iOS Messages. All of them just show boxes except for 🅆🄷🅈

It seems like it is both a font issue and a Safari issue. Here’s a screenshot¹ of all the characters in the string along with their Unicode codepoints:

http://f.cl.ly/items/2m0S0t3Y471q1X2u0W1u/Screen%20Shot%2020...

Note that other than U+0020 (SPACE), U+1F146 (SQUARED LATIN CAPITAL LETTER W), U+1F137 (SQUARED LATIN CAPITAL LETTER H), and U+1F148 (SQUARED LATIN CAPITAL LETTER Y), iOS doesn’t have any fonts containing glyphs for any of the characters. (The squared letter characters are covered (on iOS 7 at least) by the fonts Hiragino Kaku Gothic ProN and Hiragino Mincho ProN²). However, for some reason, Safari on iOS is not performing font substitution in this situation and using one of the Hiragino fonts to display them. As you noted, this font substitution seems to be working fine in other iOS apps, as these squared letters are displaying there.

As an aside, on iOS 7, it is finally possible to install custom fonts yourself³ via a configuration profile⁴. I’ve installed a few fonts I’ve needed in this way⁵, and while they work perfectly in apps like Pages (for iOS), Safari seems to completely ignore their existence. Even after installing them and rebooting, Safari still shows the entire string as boxes⁶. (Symbola alone has a glyph for every character in the above string, so every character should certainly be displayable). However, copying and pasting the string of boxes into an app like Pages shows all the characters just fine⁷.

――――――

¹ — Screenshot is of UnicodeChecker (http://earthlingsoft.net/UnicodeChecker/).

² — http://support.apple.com/kb/HT5878

³ — http://www.saturngod.net/create-custom-font-for-ios-7

⁴ — https://developer.apple.com/library/ios/featuredarticles/iPh...

⁵ — http://f.cl.ly/items/0o360a3t1q2R3E2a2g2b/IMG_0403.jpg

⁶ — http://f.cl.ly/items/3f1o1R2F082i3I0B1y1o/IMG_0404.jpg

⁷ — http://f.cl.ly/items/3y1J2G0u2u1c0Y1w2Q3Z/IMG_0405.jpg

Chrome on OS X renders properly.