SCSS-Why_are_they_converted_to_special_characters

「つよつよエンジニア養成プログラム」というサイトを作ろうとしたら、「つよつよエンジニア養成プロ㌘」と表示されてしまうという問い合わせを受けたので調べてみた。

対策

どうやら、CSS で日本語の文字間隔を詰めるついでに文字の省略を行ってしまうらしい。

以下をコメントアウトすることで文字変換を止めることができた。

1
2
3
4
5
6
7
/*
-webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
     -ms-font-feature-settings: "liga", "dlig";
      -o-font-feature-settings: "liga", "dlig";
         font-feature-settings: "liga", "dlig";
*/