Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
smikitky opened this issue Jun 1, 2023 · 0 comments
Labels
workflow Working environment improvements including linting and CSS styles

Comments

@smikitky
Copy link
Member

smikitky commented Jun 1, 2023

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

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

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

@smikitky smikitky added the workflow Working environment improvements including linting and CSS styles label Jun 1, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
workflow Working environment improvements including linting and CSS styles
Projects
None yet
Development

No branches or pull requests

1 participant