私のGatsbyプロジェクトでは、フォントAwesome Iconsを使いたいです。私は素晴らしいフォントをCDNに入れたいと思っています。GatsbyのFont Awesomeのようなアイコンの使用方法
スクリプトタグに含めるだけでは機能しません。私はimport ... from '../fontawesome.css'とそれをインポートする必要があると思うが、私はこの作業を得ることができないし、また、CDNを使用したい。それとも、gatsbyのCSSライブラリで解析する必要がありますか？
私にアドバイスやヒントを教えてください。
アプリケーションが必要とするすべてのモジュールを1つのJSに含める方がよいでしょう。しかし、あなたはまだだけコピーしてデフォルトのテンプレートを編集し、CDNを使用する場合：
cp .cache/default-html.js src/html.js
プロジェクトバンドルにフォント素晴らしいをパックしたい場合は、あなたが選ぶことができる：
を含め、フォルダCSSやページ内のフォントを移動して、あなたのJSファイルにFAを含める必要があります。あなたは、CDNからjsのコードを取得「するだけのスクリプトでそれを含めNetlify
すごいのおかげで素晴らしいフォント、材料設計、GithubにOcticons、IoniconsとTypiconsライブラリからアイコンを含む別のオプションです。 – Jobeso
https://github.com/gorangajic/react-iconsため –
'react-fontawesome'でも依然として何らかの方法でCSSファイルにリンクするか、CSSファイルを含める必要があることに注意してください。彼らのNPMページから引用するには： "注：このコンポーネントには、フォントAwesomeのCSSやフォントは含まれていませんので、あなたはそれらをビルドプロセスまたはリンクに追加するか、 CDNのバージョンに。それは本当に選択肢ではありません - 'react-fontawesome'は反応コンポーネントロジックのみを処理します – gandreadis
を使用して探している場合
クラス名を使用して、フォント素晴らしいクラスを使用するには、
属性タグは機能しません。私たちが見ることができないコードでは助けが難しい。あなたの偉大な答え – Amy
使用反応し、アイコンの代わりに –