Twitterのフォントと言語設定 – Windows

By 管理人

June 11, 2016

最近、Twitterの日本語文字が薄くて等幅で読みにくい感じになったので調べてみました。

ChromeのDeveroper Toolsを開いて、
Elements -> Computed -> Rendered Fonts をみると、

Yu Gothic
Arial

となっています。
適用されているスタイルは、

body.ms-windows {
    font-family: Arial,sans-serif;
}

Arialの指定により、Windows10のシステムフォント”游ゴシック”で表示されている様子。
というのは、私のTwitterの言語設定(Settings -> Languages)が原因でした。
Twitter -> Settings -> Languages -> “English”
言語設定が英語だと上記のCSSが適用されるんですね。

そこで言語設定を日本語にしてみたところ、

body.ja {
    font-family: Arial,
    "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro",
    Osaka,
    "メイリオ",
    Meiryo,
    "ＭＳ Ｐゴシック",
    "MS PGothic",
    sans-serif;
}

上記のCSSによりMeiryoでの表示が確認できました。

Developer Tools -> Elements -> Computed -> Rendered Fonts

Arial
Meiryo