2017-11-17 3 views
1

私は最新の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

あなたはcreate-react-appまたはwebpackなどを使用していますか? –

+0

また、[react-icons](https://www.npmjs.com/package/reacticons)を使うと、フォントワームだけでなく、より多くの図書館のアイコンにアクセスできるようになります。 –

答えて

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

私はそれが非常によく判明&私のプロジェクトでこれを使用しています。

関連する問題