Twenty Twelveでサイト表示とエディタに!(ビックリマーク)が表示させない方法

Twenty Twelveテーマを使用してから、ある条件のもと半角スペースを使用すると半角スペースが「!」として、サイトとエディタに表示されていました。

これを解決方法を調べていたら、Chromeでスペースが「!」になる件 text-renderingにご注意という記事に!(ビックリマーク)が表示される原因が書いてありました。

記事によると、スタイルシートのtext-renderingプロパティが原因ということで、早速style.cssにあるtext-renderingプロパティを探すと、body要素にありましたので、値をautoに修正すると「!」の表示が無くなり半角スペースがキチンと表示されました。

さらにエディタでも同じように「!」が表示されるので、editor-style.cssのbodyにあるtext-renderingプロパティの値をautoに変更すると、エディタでも半角スペースを「!」に表示しなくなりました。

body {
	text-rendering: auto;
}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です