reactjs / ja.react.dev

React documentation website in Japanese

Home Page:https://ja.react.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Fix italic font issues by applying a class to `<em>`'s containing Japanese characters

smikitky opened this issue · comments

*このタイプの強調*<em></em> に変換されますが、日本語には本来イタリックの概念がないため、以下のような問題が生じています。

  • タイポグラフィ・デザインの観点から言えばよろしくない
  • フォント設定や環境によってはイタリックはそもそも表示されない
  • 表示されたとしても隣の文字と干渉するなど汚いし、気付かれづらい

というわけで、<em> 内に日本語文字が含まれていた場合は <em class="em-ja"> などに変換し、その場合はイタリックではなく太字を適用する、という処理が必要です。以前は #94 のように Gatzby プラグインで処理していますが、新サイトでどうするか調べるところからやる必要があります。