質問: ソース・プログラムを表示する時、SyntaxHighlighter Evolvedを使っているのですが、この中で円マークがバックスラッシュで表示される問題を解決できません。 preタグで出力されるようなで、CSSカスタマイズでpreタグのfont-familyを指定してみましたが反映されません。 `¥`を使っても、そのまま`¥`などと表示されます。 何か良い方法はないでしょうか? SyntaxHighlighterに拘わりはありませんので、ソース・コードをお手軽に記述して綺麗に表示されるものなら他のプラグインでも問題ないです。 なお、Wordpressのbody部分なら、bodyのフォントを日本語フォント指定することで円マークを表示できました。しかし、問題はソース・コードなのです。
回答: 【SyntaxHighlighter Evolved — WordPress Plugins】 使用されているのが上記プラグインであれば、等幅フォントを指定するために `!important` を設定されているため上書きできない&`pre`ではなく`code`で表示されているのでは? ``` html .syntaxhighlighter code { font-family: "MS ゴシック" !important; } ``` 【Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 - Build Insider】 【第1回 詳説:デベロッパーツールの使い方:Google Chrome版Firebug:デベロッパーツール取扱説明書|gihyo.jp ... 技術評論社】