2016 06/19 23:59
Category : Trash
2010年にUnicode 6.0から採用された絵文字(以下Emoji)をWebサイトに使用したら一部のスマートフォンのブラウザでは表示できなかった原因がわかりました。
Emojiを含む文字列に「font-weight: bold」を指定していたからでした。絵文字の部分だけ「font-weight」を「normal」に変更したら表示できなかったAndroid 4.3系の標準ブラウザでも表示されるようになりました。
最新版ではもうありませんが、過去に「font-weight」で「bold」または「600」以上を指定するとEmojiが表示されなくなるバグがChromeにはありました。英語ですがIssue 465066 - chromium - Emoji characters do not show in h1, h2... tags - Monorailが参考になるかと思います。
標準ブラウザは開発もサポートも終了していますのでこのバグがそのままなのでしょうね。
さて、アイコンを作り始めた原因が解決してしまいましたのでアイコン作りはどういたしましょうか。
Emojiを含む文字列に「font-weight: bold」を指定していたからでした。絵文字の部分だけ「font-weight」を「normal」に変更したら表示できなかったAndroid 4.3系の標準ブラウザでも表示されるようになりました。
最新版ではもうありませんが、過去に「font-weight」で「bold」または「600」以上を指定するとEmojiが表示されなくなるバグがChromeにはありました。英語ですがIssue 465066 - chromium - Emoji characters do not show in h1, h2... tags - Monorailが参考になるかと思います。
標準ブラウザは開発もサポートも終了していますのでこのバグがそのままなのでしょうね。
さて、アイコンを作り始めた原因が解決してしまいましたのでアイコン作りはどういたしましょうか。