Lightning Pro から G3 に切り替えたら円マークがバックスラッシュに変わった

Lightning Pro で制作されたサイトを Lightning G3 に切り替える作業をお客様からご依頼いただきました。

お客様のサイトを Lightning G3 に切り替えてみたところ（もちろん、この時点での作業は複製した作業サイトで行ってます、念のため…）、予想していた通り、修正が必要な箇所がいくつも見つかりました。

その中のひとつで、いままでは円マーク ￥ で表示されていた文字がバックスラッシュ ＼ に変わってしまったところがありました。

なんでこうなってしまったのか、わかる人はすぐにピンときますね。

通常、日本語フォントが指定されていると円マークが表示されて、欧文フォントだとバックスラッシュが表示されます。

ちなみに、こういうことが起きないように、3,000円 と表記するのが安全な正しい書き方です。海外向けなら 3,000yen ですね。

今回のケースでは該当箇所が多そうなので、「円」に置き換えるのではなく、フォント指定を変更することにより対応しました。

対応方法は以下の通りです。

Lightning G3 Pro Unit を使っている場合

Lightning 無料版 を使っている場合

子テーマの style.css などに以下の CSS を記述します。

body {
    font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN,sans-serif;
}

游ゴシックじゃ嫌だ、って方はお好みでどうぞ。