びっくりマーク ！ が表示されてしまう

TwentyTwelveでWordPressを勉強していたときのこと。
GoogleChromeで見ていると半角スペースが文字化けしてまいました。

半角スペースがびっくりマーク・簡単符、エクスクラメーションマーク(exclamation mark)「!」に化けちゃいます。

外観の「テーマの編集」で、下記のように書いてあったものを…

body {
 font-size: 14px;
 font-size: 1rem;
 font-family: Helvetica, Arial, sans-serif;
 text-rendering: optimizeLegibility;
 color: #444;
 }

下記のように書き直せばいいのだそう。5行目です。

body {
 font-size: 14px;
 font-size: 1rem;
 font-family: Helvetica, Arial, sans-serif;
 text-rendering: auto;
 color: #444;
 }

この際、１行まるごと削除してもいいと思います。

body {
 font-size: 14px;
 font-size: 1rem;
 font-family: Helvetica, Arial, sans-serif;

 color: #444;
 }

こんな感じで行を削除してしまっても大丈夫みたい。
テキストレンダリングって何でしょね。テキストを書きだす。テキストを表す。みたいな感じですか？

これはきっと、font-familyが英語になってるから、日本語にしたらまた違うのかも？それで日本語とChromeとtext-renderingの仲がうまくいってないんだわ。と、勝手な想像しておしまいです。