C# と VB.NET の質問掲示板

ASP.NET、C++/CLI、Java 何でもどうぞ

C# と VB.NET の入門サイト

Re[3]: EdgeとIEのUNICODE文字の扱いの差について

分類:[.NET 全般]　

HTML文書上でUNICODE文字を使用することがありますが、EdgeとIEとで表示が異なります。

分かりやすい例では、EdgeとIE11が利用可能なWindows10端末にて以下のアドレスを表示した場合、ブラウザの差（のみ？）により表示結果が変化します。

http://www.asahi-net.or.jp/~ax2s-kmtn/ref/unicode/u2600.html

これは別にこのページに限った話ではなく、自作のローカルWebページにUNICODE文字を記述した場合でも同様の事象となります。このためWebフォントの指定やフォント有無の差ではないと思われます。

これが表示端末の違いによって発生するのであれば納得して深く考えもしないのですが、同一端末で発生するメカニズムがどうにも見当がつきません。

この事象の発生理由についてご存知の方がおられましたら解説いただけると幸いです。よろしくお願いいたします。

■No91192 (ビール呑みさん) に返信
「分類」を間違えましたね、[.NET 全般]ではないです。
[html]関連の選択肢があればそれでお願いします。

■No91192 (ビール呑みさん) に返信

> 分かりやすい例では、EdgeとIE11が利用可能なWindows10端末にて以下のアドレスを表示した場合、ブラウザの差（のみ？）により表示結果が変化します。
>
> http://www.asahi-net.or.jp/~ax2s-kmtn/ref/unicode/u2600.html

具体的にどこが違うのですか？　細かいところまでは見てませんが、自分の環境では
違いは見当たりませんけど・

ご回答ありがとうございます。

当方の端末（複数）ではUNICODE文字が、IEでは黒字、Edgeでは多色カラーで表示されます。字形も異なります。

WebSurferさんの環境では違いがわからないのであれば、端末起因なのかもしれませんね。

■No91196 (ビール呑みさん) に返信

フォントが指定されていないのでどのフォントが使われるかはブラウザ次第だと思います
EdgeではSegoe UI Emojiが使われますね
IEはSegoe UI Symbolかな

色がカラフルになるかもブラウザ次第だと思います
カラフルな文字をメモ帳に貼り付けたら白黒になりますので
フォントのレンダラーの実装のしかたがいろいろあるんじゃないかなと思いました

■No91196 (ビール呑みさん) に返信

> 当方の端末（複数）ではUNICODE文字が、IEでは黒字、Edgeでは多色カラーで表示されます。字形も異なります。

質問者さんが言う「UNICOD文字」と言うのは絵文字のことで、それがブラウザによってカラーになるか白黒になるか違うと言うことですか？

そうであれば心当たりがありますので、後で参考記事を紹介します。今、スマホしか使えないので。

#「UNICODE文字」=「絵文字」と言うわけではなく、ここに書いてある文字すべて UNICODE 文字に含まれるのですが・・・

■No91198 (キングダムさん) に返信
> フォントが指定されていないのでどのフォントが使われるかはブラウザ次第だと思います
> EdgeではSegoe UI Emojiが使われますね
> IEはSegoe UI Symbolかな

ご回答ありがとうございます。

なるほど、絵文字領域の場合は特別なフォントが使用されるのですね。
前述の自作ローカルWebページでもフォントは指定していたのですが、
絵文字領域について特に指定していなかったので差が出てしまったんですね。

ありがとうございます。参考にさせていただきます。

■No91196 (ビール呑みさん) に返信

No91200 で「質問者さんが言う「UNICOD文字」と言うのは絵文字のことで、それが
ブラウザによってカラーになるか白黒になるか違うと言うことですか？　そうであ
れば心当たりがありますので、後で参考記事を紹介します」と書きましたが、それ
を以下に書いておきます。

絵文字のカラーフォントは Windows 8.1 から利用できるようになったそうで、詳し
くは以下の記事の "Windowsの新しいカラーフォント" のセクションに書いてあり
ます。

OpenTypeカラーフォント
https://www.atmarkit.co.jp/ait/articles/1407/03/news113.html

そのフォントが Segoe UI Emoji で、Windows 8.1 以降なら IE11 でも font-family
に "Segoe UI Emoji";　を指定すればカラーで表示されます。

上の記事の "IE11上でのSegoe UI Emojiフォントの表示例" の説明に張ってあるリン
クからサンプルがダウンロードできるので、試してみてください。

で、Edge での対応ですが、以下の記事を見てください。

Make emoji look good without explicit "Segoe UI Emoji" assignment
https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7900499/

この記事が書かれた 2016 年 6 月ごろは、font-family に "Segoe UI Emoji"; を
指定しないと Edge もカラーでは表示できなかったそうです。（Chrome もだめで、
Firefox だけは自動検出してカラー化していたそうですが）

それが、MICROSOFT EDGE TEAM からの回答で "Nolan L. Jan 15, 2017 This is fixed
in Edge 15.15010.1002." とあるように、自動検出が可能になって、font-family に
"Segoe UI Emoji"; を指定しなくてもカラー化されるようになったようです。

ちなみに、Chrome は 53 から対応したようです。

IE11 は "Note that IE11 still has the black-and-white emoji, though" と書いて
ある通りで、依然としてカラー化するには font-family に "Segoe UI Emoji"; の設
定が必要です。

なお、font-family に "Segoe UI Emoji"; の設定をした場合と、その設定はせずブラ
ウザ任せにした場合は若干結果が異なります。それは紹介した前者の記事のサンプルを
ダウンロードして動かしてみると分かります。

C# と VB.NET の質問掲示板

ASP.NET、C++/CLI、Java 何でもどうぞ

C# と VB.NET の入門サイト

Re[3]: EdgeとIEのUNICODE文字の扱いの差について

過去ログには書き込み不可