• No : 2980
  • 公開日時 : 2018/05/01 10:00
  • 印刷

¥(半角円マーク)が\(バックスラッシュ)で表示されてしまいます。

回答

CSSでfont-familyプロパティをVerdanaやsans-serifなどに設定していることが主な原因です。

¥(半角円マーク)は、フォントによっては\(半角バックスラッシュ)に変換されます。
(この記事内では全角で円マークとバックスラッシュを記述しています。)

そのため、¥(半角円マーク)を使用する部分のfont-familyプロパティや、
全体に適応されるbodyタグのfont-familyプロパティには注意してください。

もし、Verdanaやsans-serifなどが指定されていた場合は、
MSゴシックなどを指定して回避することができます。

なおfutureshopのテンプレート(ベーシックシリーズ)では、
下記の通りフォントを指定しています。

font-familyプロパティの値は先に記述した方が優先順位が高いので、
半角円マークには通常はMS PゴシックやOsakaなどが適応されます。

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; }