Microsoft Edge - ページ内で使われているフォント [ 修正 ]

f:id:x67x6fx74x6f:20150807002823p:plain

以下、MS ゴシックと書いておりましたが、MS Pゴシックの誤りです。
該当箇所を修正しました。

画像からわかるように
デフォルトの場合は MS P ゴシック + Times New Roman。
CSS でセリフ体を設定した場合は MS 明朝。
CSS でサンセリフ体を設定した場合はメイリオとなります。

デフォルトでは和文がサンセリフ、欧文がセリフとなり
サンセリフとセリフが混じった形となります。

CSS: font-family	表示されるフォント
デフォルト	MS P ゴシック + Times New Roman (Edge のデフォルトは Times New Roman)
serif	MS 明朝
sans-serif	メイリオ

過去の Internet Explorer からこうなっているのですが、
個人的には sans-serif で表示されるフォントも MS P ゴシックにするか、デフォルトフォントをメイリオにするか、どちらかにした方が良さそうな気がします。

他の Windows 対応ブラウザとの比較

CSS: font-family	Edge	Firefox	Chrome
デフォルト	MS P ゴシック + Times New Roman	MS P ゴシック	メイリオ
serif	MS 明朝	MS P 明朝	MS P 明朝
sans-serif	メイリオ	MS P ゴシック	メイリオ

Windows 10 Mobile Insider Preview Build 10166 をインストールした Lumia 1520 で試しましたが、Yu Gothic しかフォント選択できなかったため、今回作成したサンプルの文字はすべて Yu Gothic で表示されます。

今回制作のサンプルファイル

Browser