¥(半角円マーク)が\(バックスラッシュ)で表示されてしまいます。
- 更新日: 2022-08-30 05:36:47 UTC
CSSでfont-familyプロパティをVerdanaやsans-serifなどに設定していることが主な原因です。
¥(半角円マーク)は、フォントによっては\(半角バックスラッシュ)に変換されます。
※この記事内では全角で円マークとバックスラッシュを記述しています。
そのため、¥(半角円マーク)を使用する部分の
font-familyプロパティや、全体に適応されるbodyタグのfont-familyプロパティには注意してください。
もし、Verdanaやsans-serifなどが指定されていた場合は、
MSゴシックなどを指定して回避することができます。
なおfutureshopがご用意しているテンプレートでは、下記の通りフォントを指定しています。
font-familyプロパティの値は先に記述した方が優先順位が高いので、
半角円マークには通常はMS Pゴシックやヒラギノ角ゴなどが適応されます。
futureshopで設定しているCSSの例
コマースクリエイター未利用店舗様
ファイル名:system_DesignSettings.css
/* =================================================================
▼テンプレートデザイン▼ ヘッダエリア、左メニュー、右メニュー、フッタエリアの設定
================================================================= */
body{
font: x-small;
font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "メイリオ","Verdana", "Times New Roman", Times, serif;
font-size: small;
}
コマースクリエイター利用店舗様
ファイル名:fs_style.css
body {
background: #ffffff;
color: #3c3c3c;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
font-size: 1.4rem;
font-weight: 300;
line-height: 1.5;
word-wrap: break-word;
overflow-wrap: break-word;
}