読者です 読者をやめる 読者になる 読者になる

Browser

Microsoft Edge(Project Spartan, Internet Explorer) 、ブラウザ周辺、Web フロントエンド開発、UI、など

Microsoft Edge まとめページ

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

Internet Explorer 11 と同じです。

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-familyEdgeFirefoxChrome
デフォルト 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 で表示されます。

 

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

http://toshihirogoto.github.io/EdgeTest-Font/

 

スポンサーリンク