[ 解決済 ] font awesome6.0のアイコンが表示されない

[昌泰井口]

■ WordPress のバージョン
6.3.1

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
15.10.6

■ Pro Unit のバージョン
0.25.1

■ スキンの種類
Origin III

■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。

■ プラグインの種類・バージョン
VK Blocks Pro 1.61.2.0
VK All in One Expansion Unit 9.91.1.0

■ 期待する動作
VK Blocksのアイコンブロックで、font awesome 6.0のx-twitterのアイコンが表示されるようにする。

■ 自分で試した事
カスタマイズ → Lightning Font Awesome →　バージョンを6 web fonts with CSSに設定したが効果なし

■ 症状が発生するブラウザ
edge, chrome, firefox

■ 実際の症状
VK Blocksのアイコンブロックで、font awesome 6.0のx-twitterのアイコンが表示されない。
font awesome 6.0で追加されたアイコンフォントが表示されていないと思われます。

Attachments:

You must be logged in to view attached files.

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[対馬 俊彦]

font awesome 6.0で追加されたアイコンフォントが表示されていないと思われます。

x-twitter のアイコンが追加されたのはつい最近の Font Awesome 6.4.2 で、
現在 Lightning に同梱されているのは Font Awesome 6.1.0 です。
そのため、まだ x-twitter のアイコンが表示されません。

お急ぎの場合、とりあえず以下の CSS を書けば 鳥 が X に変わります。

.fa-twitter::before,
.fa-twitter-square::before {
font-family: vk_sns;
content: “\e606”;
}

Lightning 同梱の Font Awesome がアップデートされたら
この CSS を削除した方がいいです。

[昌泰井口]

返信が遅れました。
上記のCSSでｘのアイコンが表示されるようになりました。
ありがとうございました。

[石川＠Vektor,Inc.]

https://github.com/vektor-inc/font-awesome-versions/issues/22

[投稿者]

投稿