home/Tips/

Chrome で日本語の斜体表示ができないとき

再現条件

  • Windows 11, version 22H2
  • Chrome 110.0.5481.178 (Official Build) (64-bit)
  • 日本語全角テキストを斜体表示する
    • イタリックテキスト

症状

  • 全角日本語が斜体で表示できない

原因

  • デフォルト設定で適用される Mairyo フォントの斜体表現がないため
  • App にかかわらず OS とブラウザ(Chrome/Edge)のフォント設定に関係して一般的に起こる問題.

解決方法

1. GROWI の設定画面から em タグをカスタマイズする

  • 管理画面 > カスタマイズ > カスタム CSS より以下のように代わりのフォントを記述し, 更新と必要であればブラウザリロードする.
em {
  font-family:  Lato, Yu Gothic;
}
  • GROWI では半角英数字は Lato フォントを使用するので Lato が使えるなら優先して適用されるようにして, Meiryo の変わりに Yu Gothic を使うようにする.

2. Markdown に直接 HTML を記述する

  • マークダウンに直接記述することもできる.
<em style='font-family:Yu Gothic'>テキスト</em>
  • 斜体テキスト

2. 他のブラウザを使う

  • Firefox では 110.0.1 (64 ビット) 時点で Meiryo でも日本語を斜体表示してくれる

3. Windows フォント設定を変更する

  • システム全体のフォントが変わるので注意