WordPressなどでPT2などのソフトの設定を記事にする時
ディレクトリを表す半角¥(円マーク)が半角\(バックスラッシュ)になってしまう事がある
(上の記述は全角で入力しているのできちんと区別できている)
これは¥と\の文字コードが英語と日本語フォントで同じであることが原因で
WordPressのデフォルト設定では英語フォントが優先されるので
半角文字は記号も含め英語フォントで表示されてしまう
これを防ぐには日本語のフォントを優先するようにcssの設定をする必要がある
まずTechismテーマの場合は子テーマのstyle.cssを開いて
中身のなるべく上部(cssインポート設定のすぐ下辺り)に追記する
具体的にはbody要素に日本語のfont-familyを指定する
/*親テーマのCSSをインポート*/
@import url('../techism/style.css');
/*画像にマウスホバーでalt属性のキャプションをスライド表示するCSS*/
@import url('./css/hover-image.css');
/* ~~中略~~ */
/*--------------------------以下追記-------------------------------*/
/*1.基本設定(サイト全体)*/
/*ブログ全体の日本語フォント指定、記事のフォントサイズ*/
body {
background-color: #f6f6f6;
font-size: 14px;
font-size: 1rem;
font-family: MeiryoKe_PGothic, “メイリオ”, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "Lucida Grande", Helvetica, Arial, sans-serif;
text-rendering: optimizeLegibility;
color: #444;
}
body.custom-font-enabled {
font-family: MeiryoKe_PGothic, “メイリオ”, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "Open Sans", Helvetica, Arial, sans-serif;
}
font-family: のすぐ後に書かれたフォントから優先されるのでWin7以降ならメイリオ系
XPとかならMS Pゴシックを書いとけばよいだろう
更に万全を期すならMac OS X系ならOsaka
Linuxなら さざなみゴシック や IPAゴシック などを記述
これで¥が正常に表示されるだろう
余談だけどコードの記述例などに使用するCrayon Syntax Highlighterだけど
これも同様の問題を抱えており解決には一応Crayon側にフォントの追加機能があるが
MeiryoKe_PGothicを試しに追加してみたのだが読み込み不可と出て設定できなかった
仕方なく他に方法がないかいろいろ試した結果Crayon内臓のフォントで
Monospaceを指定してやるときちんと表示できる
記事に入力する際に指定しても良いがデフォルトのフォントに指定してやると楽
WordPressダッシュボード→設定→Crayon から設定できる
これで長いこと悩んでた¥マークの問題が解決した
というかぶっちゃけ¥か\どちらかに統一してほしい気もするが・・・






コメントを残す