none
Sans-serifをIE11上で表示している場合に採用されるフォントについて RRS feed

  • 質問

  • fontfamiryにSans-serifのみを設定しているサイトについて、

    windows7かつIE11で表示した場合と

    windows10かつIE11で表示した場合とで、違うフォントで表示されているように見えます。

    ①windows7かつIE11⇒MSPゴシックに見える

    ②windows10かつIE11⇒メイリオに見える

    上記①②について確証がほしいのですが、どのようにして調べればよいかわかる方はいませんでしょうか。

    上記①②にかぎらずcromeの場合、firefoxの場合など様々な情報が確認できればうれしい(いちおうcromeやfirefoxなら管理者ツールで確認できた)のですが、

    特に①②については、公式的なドキュメントはないか?ないのであれば調べる方法はあるか?などよろしくお願いします。

    2017年1月16日 7:24

回答

  • ページの印刷から XPS 形式で出力して使用しているフォントを調べることでページ内で表示しているフォント名が分かるようです。(もっとシンプルな方法があるかもしれませんが・・)

    手順は長いですが、以下です。

    1. 下記のようなシンプルなページを用意→sample.html

    <html>
    <body>
    <p style="font-family: sans-serif">こんにちは</p>
    </body>
    </html>

    2. sample.htmlをIE11で開き、ページ内を右クリックして印刷→「Microsoft XPS Document Writer」でsample.xpsという名前で出力

    3. sample.xpsをsample.zipとリネームして解凍

    4. 解凍フォルダのDocuments/Pages/1.fpageをテキストエディタで開き、「こんにちは」の文字の前方にある「*.odttf」のファイル名を確認して、解凍フォルダのResources/Fonts/を開き、該当する*.odttfのファイルパスをコピー

    5. odttfファイルからフォントファミリー名を取得するコードが、下記のサイトにありました。こちらのコードでodttfのフォント名を取得

    http://www.kanazawa-net.ne.jp/~pmansato/xps/xps_odttf.htm

    上記の手順で、Windows 7 の IE11 で出力した XPS と Windows 10 の IE11で出力した XPS を見比べてみましたが、確かに "sans-serif" で指定された日本語について、Windows 7 の IE11 は「MS Pゴシック」。Windows 10 の IE11 は「メイリオ」で描画されているようでした。

    2017年1月18日 18:51