FontAwesomeインストール時の意外な落とし穴：fortawesomeのスペルミス注意

インストール時の注意点

FontAwesomeをReactプロジェクトにインストールする際、以下のコマンドを使用します。

$ npm install @fortawesome/react-fontawesome

注目すべきは@fortawesomeの部分です。直感的にはfontawesomeと書きたくなりますが、正しくはfortawesomeです。fontではなくfort。

なぜ”fort”なのか？

FontAwesomeの公式ドキュメントでは次のように説明されています。https://docs.fontawesome.com/web/setup/packages

Wait, did you misspell "fontawesome"?
Oh, you mean “fort” instead of “font”? Noticed that, did you? It’s not misspelled… A while back, we created “fortawesome” with an “R” to span across multiple products. We should have thought through the “r” “n” confusion better.

複数のプロダクトにまたがるブランド名として「fortawesome」を採用したそうです。でも「r」と「n」の混同はややこしすぎます…。

ちなみに英語でfort は「砦」を意味します。

個人的な経験

書籍で学習中にこの問題に遭遇しました。書籍なので手打ち実行なのですが、何度npm installをやっても404エラーが出て不思議に思いました。調べてみて初めてこのような背景があることを知りました。