Skip to content

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

@smikitky

Description

@smikitky

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

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

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    workflowWorking environment improvements including linting and CSS styles

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions