Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
ホームのサイトタイトルに設定したFon...
 
通知
すべてクリア

[解決済] ホームのサイトタイトルに設定したFont Awesomeアイコンが投稿ページに反映されない

4 投稿
2 ユーザー
0 Likes
476 表示
MSG
 MSG
(@msg)
投稿: 3
メンバー
Topic starter
 

ホームのサイトタイトルに設定したFont Awesomeアイコンが投稿ページに反映されません。

以下cssにてカスタマイズしています。

 

.c-headLogo.-txt::before {
	font-family: "Font Awesome 5 Free"; 
  content: "\f57d";
	padding-right: 10px;
}
確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.7.4.1
利用中のPHPバージョン
7.4.33
OS
MacOS X
利用中のWordPressバージョン
6.2
利用中のサーバー会社
Conoha
ブラウザ
Chrome
利用中のプラグイン一覧

Contact Form 7
Google Sitemap XML
SiteGuard WP Plugin
TinyPNG - JPEG, PNG & WebP image compression

 
投稿済 : 02/04/2023 1:42 am
かんた
(@swell_mania)
投稿: 682
Https://webrent.xsrv.jp/
 

おそらくfont-weightの指定が欠けているのだろうと思います。
SWELL固有の設定ではなく、Font Awesomeの基本設定になるのでマニュアルを一読するのがおすすめです。

参考:How To Add Icons

一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。

 
投稿済 : 02/04/2023 9:37 am
MSG
 MSG
(@msg)
投稿: 3
メンバー
Topic starter
 

ありがとうございます。

Font Awesomeの使用はCocoonで経験済みだったのですが、ホームに表示されて投稿ページに表示されていないの不思議に思っていました。
ご指摘の通りfont-weightを指定したところ投稿ページにも表示されました。

 

.c-headLogo.-txt::before {
	font-family: "Font Awesome 5 Free"; 
  content: "\f57d";
	padding-right: 10px;
	font-weight: 900;
}
This post was modified 2年前 by MSG
 
投稿済 : 02/04/2023 10:16 am
かんた
(@swell_mania)
投稿: 682
Https://webrent.xsrv.jp/
 

@msg 

解決したようで何よりです。

トピックを「解決済」に変更なさってください。

一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。

 
投稿済 : 02/04/2023 1:07 pm
共有: