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

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

サイト運営者プロフィール

対馬 俊彦魚沼情報サービス・ベクトル公式テクニカルパートナー

WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。

Lightning / X-T9 / VK Blocks / VK Filter Search などのベクトル製品のサポート、カスタマイズを最も得意としています。

打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

オンラインレッスン形式でのウェブサイト制作・運用のサポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。

デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。

ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。

≫メールでのお問い合わせはこちら

最新の投稿

この著者の記事一覧

• WordPress2026年2月26日宿泊施設のサイト向けにカラムブロックを使ったバナー案を作成しました
• WordPress2026年2月25日スターターパックでヘッダーに電話番号とお問い合わせボタンを表示できる機能を追加しました
• WordPress2026年2月11日投稿のタイトルが長いときに改行して表示されないようにカスタマイズしました
• 制作事例2026年2月9日ホームページ制作事例「パソコン教室くりっく」