バックスラッシュ記号を円記号として表示するには

2020/01/29 · · 投稿者 Takashi Okutsu

画像日本語キーボードの円記号キー ¥ を押して入力される文字は「¥」でしょうか。それとも「\」でしょうか。

実は、使用する OS やフォント設定によってどちらの文字として表示されるかが変わります。

アメリカ生まれの TeamPage で円記号として表示するにはちょっとした設定が必要です。

ここでは、その背景や設定方法をご紹介します。

円記号がバックスラッシュ記号になる!?

多くの方は、日本語 Windows と日本語キーボードをお使いだと思います。Word や Excel などで日本円の金額を入力するとき、キーボードの ¥ キーを押して日本円記号を入力しているのではないでしょうか。

キーボードの ¥ キーでの日本円記号の入力に慣れ親しんでいるので、TeamPage でも同様の動作を当然期待します。

しかし、アメリカ生まれの TeamPage は「既定で英字フォントを使う」という設定になっており、TeamPage の画面では、キーボードの ¥ キーで入力された文字はバックスラッシュ記号として表示されてしまいます。

理由・背景

日本語キーボードの ¥ キーで入力される文字は、実はバックスラッシュ記号と同じものなのですが、歴史的な理由により、日本語 Windows 環境(にインストールされているフォント)では、これを円記号として表示するようになっています。

日本語キーボードの例

つまり、私達が日本円記号だと思って入力している文字は実はバックスラッシュ記号で、Windows の日本語フォントを使う場合に日本円記号として表示される、ということです。

標準の TeamPage は「英字フォントを使う」という設定になっていますので、「日本語フォントを使う」という設定を行います。

設定

「Proteus カスタム JavaScript & CSS」プラグインを使って JavaScript と CSS の設定を行います。

設定画面

JavaScript (上)の記述は、「投稿/編集フォームのリッチテキストエディタで、既定で日本語フォントを適用する」という設定を追加します。

CSS (下)の記述は、「TeamPage の表示画面では、既定で日本語フォントを適用する」という設定を追加します。

詳しくは、サポートサイトの FAQ をご覧ください

これらの設定により、半角バックスラッシュ記号が日本円記号として表示されるようになります。

日本円の表示例

※ MacOS 環境では、Windows 用の日本語フォントをインストール必要があります。

以上、バックスラッシュ記号を円記号の問題と解決方法を簡単にご紹介しました。

関連記事

手軽にTeamPageをカスタマイズ、具体例をご紹介 ... TeamPage をお使いの管理者の皆さん自身が細かなカスタマイズを一箇所でできるようにする「Proteus カスタム JavaScript & CSS」プラグインのご紹介です。

Page Top