私は最新のfont-awesome 4.7をダウンロードし、反応アプリの私のパブリックフォルダにあるファイルを解凍しました。私はこれをindex.htmlのように<link href="./fontawesome/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
のようにリンクしました。私はこれをしなければならないでしょうか?または、これらをsrcディレクトリ内のaフォルダに入れる必要がありますか?私はパブリックフォルダに何を入れなければならないのか全く分かりません。フォントの素晴らしいファイルをReactアプリケーションに配置するのに適切な場所はどこですか?
1
A
答えて
1
あなたが反応し、ネイティブのアイコンを\反応するためによく知られているオープンソースプロジェクトのいずれかを使用する必要があります。
が反応:react-icons
が反応-ネイティブ:react-native-vector-icons
はその後、アイコンのみをインポートする必要がありますたとえば、次のようにします(Font Awesomeから):
import FaBeer from 'react-icons/lib/fa/beer';
1
コマンドプロンプト& NPM https://www.npmjs.com/package/react-fontawesomeを使用してインストールします。
var FontAwesome = require('react-fontawesome')
また、次のスタイルシートをindex.htmlに含める必要があります。
フォントawesome.min.css
私はそれが非常によく判明&私のプロジェクトでこれを使用しています。
関連する問題
- 1. OOPアプリケーションでクエリを配置する適切な場所
- 2. ViewModelを適切な場所に配置してください
- 3. Springブートプロジェクトに静的リソースを配置する適切な場所
- 4. Restletアプリケーションに(起動)初期化コードを配置するのに最も適切な場所は何ですか?
- 5. フォントの前に素晴らしいフォントを表示する
- 6. ドメインロジックを配置して集約ルートの子を更新する適切な場所はどこですか?
- 7. React/Reduxにスクリプトを配置する場所はどこですか?
- 8. AppEngineアプリケーションにキャッシュを呼び出すロジックを配置する最適な場所はどこですか?
- 9. 一般に、アプリケーションにSQLクエリを配置する場所はどこですか?
- 10. Magento module追加のファイルを置くのに適切な場所
- 11. Zend Layoutを切り替えるコードを置くのに適切な場所はどこですか?
- 12. iOSにアプリケーションの幅広い日付の書式を設定する適切な場所はどこですか?
- 13. While-Doステートメントを適切に配置する場所
- 14. resources.resxをASP.NET Webアプリケーションに配置する場所はどこですか?
- 15. データモデルをdojoアプリケーションに配置する場所はどこですか?
- 16. 動的なjavascriptで適切な場所にInnerHTMLを配置する
- 17. ルートディレクトリ - 所有権の確認 - ファイルを適切な場所に配置しましたか?
- 18. カスタムブロガーテンプレートにフォントの素晴らしいアイコンを含めるには?
- 19. Zend Frameworkにモデルを置くのに最適な場所はどこですか?
- 20. MacにAndroid SDKを置くのに最適な場所はどこですか?
- 21. drupalにDBクエリを置くのに最適な場所はどこですか?
- 22. robots.txtファイルをjettyサーバーに配置する場所はどこですか?
- 23. フォント素晴らしいアイコンは、私がオフラインWebページのフォント素晴らしいアイコンを使用したいオフライン
- 24. eclipseからJavaFXプロジェクトにイメージを配置する場所はどこですか?
- 25. webpackでプロジェクトに素晴らしいフォントを追加する
- 26. ライブラリをマゼンタに配置するのに最適な場所
- 27. log4j.jarをjavaディレクトリに配置する正しい場所はどこですか?
- 28. フォントのGulpエラー素晴らしいCSS
- 29. フォントTabris.jsの素晴らしいアイコン
- 30. テーマのフォント - 素晴らしいアイコン
あなたはcreate-react-appまたはwebpackなどを使用していますか? –
また、[react-icons](https://www.npmjs.com/package/reacticons)を使うと、フォントワームだけでなく、より多くの図書館のアイコンにアクセスできるようになります。 –