Q&A
公式にコンフリクト解消のページがありますが、おおむね「片方をあきらめろ」と書いてありますね。
https://fontawesome.com/v5.15/how-to-use/on-the-web/other-topics/conflict-detection
https://github.com/riversun/chatux-examples-ja
こちらのchatuxを使用してチャットを表示しているのですが、chatuxにてfontawesomeを使用しており、HPに使用していたfontawesomeと競合してしまったため、HP側のアイコンが表示されなくなってしまいました。
HP側で使用していたのはアイコンファイルを参照するものでしたが、chatuxを導入することによって、それらのコードがsvgに書き換わりました。
そこでchatuxにて使用しているfontawesomeのバージョンが分かれば、そのバージョンのコードを記載すれば表示されると考えたのですが、上手く表示させることができませんでした。
HTML
1<!-- FontAwesome V4.7 --> 2<i class="fa fa-file" aria-hidden="true"></i> 3<!-- FontAwesome V5 --> 4<i class="far fa-file"></i>
chatuxを導入した際に、どのようにしてHP側でもfontawesomeのアイコンを表示させれば良いか、ご教授いただけませんでしょうか。
よろしくお願いします。
早々にありがとうございます！なるほど。。。
HP側はPNG画像に置き換えて対処したいと思います！
ありがとうございました！
解決にはならずすみません。
ただ、PNGに置き換えるぐらいなら、どっちもJS版でやればいいのではないかと思いました。
再度ありがとうございます！
chatuxはGitHubのjsを読み込ませているのですが、chatuxの方をjs版にする方法が全く分かりません。。。涙
回答1件
0
自己解決
HP側のアイコンをpng画像に置き換えることで、競合を回避しました。
ありがとうございました！
投稿2021/09/30 21:31
総合スコア36
あなたの回答
tips
プレビュー
