不用意に font-feature-settings を使うと日本語表示がおかしくなる

CSSでOpenTypeフォントの機能を制御できるようになった結果、欧文ページで font-feature-settings: "dlig"; が指定してあると、日本語に機械翻訳して読もうとした時に合字になって欲しくないところまで合字になってしまう。

「〜になります。」が「〜になり〼。」になる。

— りんご🍏夜明けのリモートワーカー (@mstssk) April 17, 2024

本日は晴天なり

<div style="font-feature-settings: 'nalt';">
本日は晴天なり
</div>

環境にインストールされているフォント次第だと思うので、手元のスクショも。

※mac上のChrome。

---

記事を書いたきっかけのツイート

• https://twitter.com/yodare_inu_/status/1780431031218343978

参考

• font-feature-settings - CSS: Cascading Style Sheets | MDN https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings
• https://learn.microsoft.com/en-us/typography/opentype/spec/features_ko#tag-nalt