FontAwesomeの変な日本語表示への対処法。読み方と意味も知っておこう

こんなアナタのために書きました

FontAwesomeって超絶ベンリ。でも勝手に日本語に翻訳されて困る。

アイコンが探しづらいったら。これって元に戻せないの?

勝手に日本語に翻訳してくれるのはGoogle先生の親心(?)。

ただ、ちょっと迷惑なときもありますね。

ねね

カンタンに戻せるよ。

ことり

サクッと英語に戻しちゃいましょう。

日本語化されるのはGoogleChromeグーグル・クロームの機能

参考 Font Awesome IconsFont Awesome

『Font Awesome』を開くと、おかしな日本語表示が。

https://fontawesome.com/v4.7.0/icons/

私たちが理解しやすいよう、外国語のサイトを自動的に日本語に翻訳してくれる機能が働いているのです。

 

ねね

日本語表示だとどうして困るの?

検索窓に入れる言葉に迷いますよね。

日本語表示だと、例えば『アップル社』のマークを探したいとき、『りんご』と入れないとヒットしません。

ことり

そもそも目で見て探すよって人にとっては『apple』でも『りんご』でも問題ありませんけどね。

スポンサーリンク

日本語に直したいときは?

直し方は全部で 3つ。どれもカンタンです。

直し方【 1 】

この表示がある間に、すかさず『原文のページを表示』をクリックします。

ことり

薄い文字だけどクリックは有効です。

おしまい。

ねね

それだけ?!

ことり

うん、それだけなの。

ただしこの方法だと、ページが更新されるたび、そして別のページに移るたびに実行しないといけません。

ねね

『原文のページを表示』をクリックする前にこの表示が消えてしまったらどうするの?

そんなときは・・・

ページを更新する

アドレスバーの左側にあるをクリックする方法と・・・

『F5』キーを押す方法があります。

 

ページ間を移動するたびに同じ動作をするのは面倒だな・・・。

ことり

そんなあなたは、次の『直し方【2】【3】』を実践してくださいね。

直し方【 2 】

STEP.1

この表示の後・・・

 

こうなるので・・・

STEP.2
『オプション』をクリック

 

素早くクリックしないと消えてしまいます。

ねね

間に合わなかったらどうすればいい?

ことり

直し方【1】で紹介した『ページを更新する』で何度でも挑戦できるよ。

STEP.3
『このサイトは翻訳しない』をクリック

こうしておけば、このページに関しては次回からも英語(原文のまま)で表示されます。

ことり

この方法が一番おすすめかな。

なぜなら、次に紹介する【3】の方法だと、全ての・・・母国語以外のページについて翻訳してくれなくなってしまうからです。

ことり

ただしカンタンに解除できるので心配は無用ですよ。

直し方【 3 】GoogleChromeの設定を変更する

STEP.1
右上のをクリック

STEP.2
『設定(S)』をクリック

 

ずらずらっと縦にメニューが並んでいます。

  • ユーザー
  • デザイン
  • 検索エンジン
  • 規定のブラウザ
  • 起動時

STEP.3
一番下までスクロールして『詳細設定 』をクリック

 

さらにいくつかのメニューが表示されます。

  • プライバシーとセキュリティ
  • パスワードとフォーム
  • 言語
  • ダウンロード
  • 印刷
  • ユーザー補助機能
  • システム
  • リセットとクリーンアップ

STEP.4
『言語』をクリック

STEP.5
『母国語以外のページで翻訳ツールを表示する』をオフ

ねね

青いボタンをクリックするとオフ。

ことり

色が変わればOKです。

これで自動翻訳機能はオフになりました。

この方法だと、以後すべての『母国語以外のページ』について翻訳してくれません。その点のみ注意が必要です。

逆に翻訳してほしいときは?

直し方【3】のSTEP.5と反対の方法で

スイッチをクリックして青にすることで『オン』に設定します。

もっと簡単に

STEP.1
画像や文字のないところで右リック

STEP.2
『日本語に翻訳(T)』をクリック

 

ことり

たったの 2ステップ。カンタンでしょ。

画像やリンクの上で右クリックすると、それぞれこんなウィンドウが表示されます。

画像の上で右クリック

リンクの上で右クリック

右クリックは『その場所・画像・文字などに何らかのアクションを起こす』ための動作なんです。

ねね

覚えておくといいよ!

スポンサーリンク

ところでFont Awesomeって?

Dave Gandyデイヴ・ギャンディさんという方が開発されました。CSSを使って呼び出すことのできるアイコンを無料で提供してくれるサイトです。

参考 Font Awesome IconsFont Awesome

Font Awesome makes it easy to add vector icons and social logos to your website. And version 5 is redesigned and built from the ground up!

https://fontawesome.com/

日本語に訳すと、

Font Awesomeを使用すると、ベクターアイコンやソーシャルロゴをWebサイトに簡単に追加できます。バージョン5は再設計され、基礎から構築されています!

Google先生が教えてくれたとおり、“awesome” は『驚くべき』という意味で、

ねね

オーサムAwesome

と発音します。

ちょっとした準備(CSS)が必要ではあるものの、無料で使えるアイコンがたくさん。

ことり

私もお世話になってます。

使い方はサルワカさんがわかりやすく解説してくださっていますよ。

参考 【保存版】Font Awesomeの使い方:Webアイコンフォントを使おうサルワカ | サルでも分かる図解説明マガジン

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA