[ 解決済 ] Lightningの子テーマでFontAwesomeの読み込みを停止する方法について

[ホームページ制作サイト運営]

■ 利用テーマとバージョン : Lightning 14.3.9

■ 質問内容： FontAwesome Proを使いたいので、子テーマのfunctions.php内で<link>タグを使ってFontAwesome ProのCSSをCDNでロードしています。ロードは正常に完了しているのですが、LightningのデフォルトのFontAwesome Freeのロードの設定が残っているため、CSSのfont-familyの設定が”Font Awesome 5 Free”に上書きされてしまい、FontAwesome Proのアイコンが表示されません。そもそもFontAwesome Freeは必要ないので、子テーマのfunctions.php内にコードを追記することでロード自体しないようにしたいのですが、どうすればよいでしょうか？

[DRILL LANCER]

下記コードを子テーマの functions.php に追加すればほぼ Font Awesome 5 Free を無効化できます。
（クラシックエディタ使用時の編集画面は除く）

/**
 * 閲覧画面で Font Awesome を無効化
 */
function lightning_child_dequeue_font_awesome_on_front() {
	wp_dequeue_script( 'vk-font-awesome-js' );
	wp_dequeue_style( 'vk-font-awesome' );
}
add_action( 'wp_enqueue_scripts', 'lightning_child_dequeue_font_awesome_on_front', 9999 );

/**
 * 編集画面で Font Awesome を無効化
 */
function lightning_child_dequeue_font_awesome_on_editor() {
	wp_dequeue_style( 'gutenberg-font-awesome' );
}
add_action( 'enqueue_block_editor_assets', 'lightning_child_dequeue_font_awesome_on_editor', 9999 );

ただし、テーマ等の CSS で font-family: "Font Awesome 5 Free"; という感じで
Font Awesome 5 Free に依存している箇所があるためそのあたりの調整が必要になります。

• この返信は2年、 10ヶ月前にDRILL LANCERが編集しました。

[ホームページ制作サイト運営]

記載いただいたコードでFont Awesome Freeを無効化できました。しかしながら、仰るとおり結局CSSにfont-family: "Font Awesome 5 Free";が当たっているため、そちら追加CSSでFont Awesome Proに上書きすることが必要でした。

[投稿者]

投稿