https://wp-cocoon.com/community/cocoon-theme/font-awesome-5%E3%81%8C%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%81%BE%E3%81%9B%E3%82%93%E3%80%82/



私も同様の問題を抱えています。問題が出ている個所は、一部で箇条書きの「・」部分をアイコンに変更した場所のみです。画像を添付しております。

[ソース]

<!-- wp:list {"className":"ul-designation"} -->
<ul class="ul-designation">
<li><strong>CLHMS</strong><br />Certified Luxury Home Marketing Specialists</li>
<li><strong>SRS</strong><br />Seller’s Representative Specialist</li>
<li><strong>SRES</strong><br />Seniors Real Estate Specialist</li>
<li><strong><i class="fas fa-certificate"></i> TEST</strong><br />test note</li>
</ul>
<!-- /wp:list -->




[CSS]

.ul-designation {
padding: 0.5em 1em 0.5em 2.3em;
position: relative;
}


.ul-designation li {
line-height: 1.5;
padding: 0.5em 0;
list-style-type: none!important;
}

.ul-designation li:before {
content: "\f0a3";
font-family: "Font Awesome 5 Free";
position: absolute;
left : 1em;/*左端からのアイコンまでの距離*/
color: #81d0cb;/*アイコン色*/

【経緯】

①はじめにFontAwesome5を使用していたのですが、FontAwesome4の方が少しでも軽くなるかと途中で②FontAwesome4に変更。その後、使用したいアイコンがFontAwesome5にしかなかったため、③FontAwesome5に変更。

①正常に表示

②４で設定していたアイコンを正常に表示

③表示されない




【問題切り分けのためにやったこと】

1. キャッシュのクリアとブラウザリロード

2. 他のアイコンでテスト

→表示されるものとされないものがある "\f086"は表示される

3. 指定のアイコン(https://fontawesome.com/icons/certificate?style=solid)自体が表示されることを箇条書き４つめ部分にいれて確認

→箇条書きの文章内ならば表示される




[URL]

https://www.staging2.hawaiirealestateinvestorguide.com/about-me/




[動作環境]

Site URL:https://www.staging2.hawaiirealestateinvestorguide.com
Home URL:https://www.staging2.hawaiirealestateinvestorguide.com
Content URL:/wp-content
Include URL:/wp-includes/
Template URL:/wp-content/themes/cocoon-master
Stylesheet URL:/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
Child theme style:/wp-content/themes/cocoon-child-master/style.css
Skin:/wp-content/themes/cocoon-child-master/skins/skin-tom/style.css
WordPress version:5.5.1
PHP version:7.3.23
Browser:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.75 Safari/537.36
Server software:Apache
Server protocol:HTTP/1.0
Language:en-US,en;q=0.9
----------------------------------------------
Theme name:Cocoon
Version:2.2.4.5
Category count:5
Tag count:0
User count:2
----------------------------------------------
Child theme name:Cocoon Child
Version:1.1.2
style.cssサイズ：846バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:5
Auto post thumbnail:1
Retina:0
Home image:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
Enable browser cache:0
Optimize HTML code:0
Optimize CSS code:0
Optimize JavaScript:0
Lazy Load:0
Web font Lazy Load:0
----------------------------------------------
利用中のプラグイン：
Classic Editor 1.6
Draw Attention 1.9.5
----------------------------------------------

何かアドバイスございませんでしょうか？