フォント驚くばかりのアイコンが一部のユーザーに見えない

Question

font-awesomeのためにmy websiteの右上にソーシャルメディアが表示されないという人が2人いました。これに対する修正があるかどうか知っていますか？

<nav class="navbar navbar-default navbar-fixed-top m-d-2"> 
    <div class="container-fluid"> 
     <!-- Brand and toggle get grouped for better mobile display --> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-main" aria-expanded="false"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="index.html">Mona Jalal</a> 
     </div> 
     <div id="top-menu" class="collapse navbar-collapse" id="nav-main"> 
      <ul class="nav navbar-nav"> 
       <li class="active"><a class="nav-item nav-link page-item" href="education.html">Education</a></li> 
       <li><a class="nav-item nav-link page-item" href="coursework.html">Coursework</a></li> 
       <li><a class="nav-item nav-link page-item" href="teaching.html">Teaching</a></li> 
       <li><a class="nav-item nav-link page-item" href="projects.html">Projects</a></li> 
       <li><a class="nav-item nav-link page-item" href="honors.html">Honors & Awards</a></li> 
       <li><a class="nav-item nav-link page-item" href="experience.html">Experience</a></li> 
      </ul> 
      </ul> 
      <ul class="nav navbar-nav navbar-right"> 
       <li><a class="navbar-brand pull-sm-right" href="https://github.com/monajalal"><i class="fa fa-github fa-lg"></i></a></li> 
       <li><a class="navbar-brand pull-sm-right" href="https://twitter.com/MonaJalal_"><i class="fa fa-twitter fa-lg"></i></a></li> 
       <li><a class="navbar-brand pull-sm-right" href="https://www.linkedin.com/in/mona-jalal"><i class="fa fa-linkedin fa-lg"></i></a></li> 
       <li><a class="navbar-brand pull-sm-right" href="http://stackoverflow.com/users/2414957/mona-jalal"><i class="fa fa-stack-overflow fa-lg"></i></a></li> 
       <li><a class="navbar-brand pull-sm-right" href="mailto:jalal@cs.wisc.edu"><i class="fa fa-envelope fa-lg" aria-hidden="true"></i></a></li> 
       <li div="fa-item"><a class="navbar-brand pull-sm-right" href="https://www.instagram.com/mona_of_green_gables"><i class="fa fa-instagram fa-lg"></i></a></li> 
      </ul> 
     </div> 
    </div> 
</nav> 

Answer 1

これはFont Awesomeとは関係ありません。ほとんどの場合、Adblock Plusのブラウザ拡張を使用しており、「Fanboyのソーシャルブロックリスト」を有効にしている可能性があります。 Fanboy siteによると、このリストは"ソーシャルコンテンツ、ソーシャルウィジェット、ソーシャルスクリプト、ソーシャルアイコンを非表示にしてブロックする。"それはそうです、私は個人的にそれを使用します。

Adblock Plusのインストールスクリプトは、Fanboy Social Blockingリストを有効にするかどうかをユーザーに尋ねます。これは、そのリストがAdblock Plus siteから何をするかの説明です：

無効にソーシャルメディアボタンなどFacebookやTwitter、Googleのプラスおよび他のようなソーシャルメディアプラットフォームでコンテンツを共有するために使用

ボタンあなたが訪問したほぼすべてのウェブサイトに配置されます。あなたがそれらをクリックしなくても、これらのボタンは、ソーシャルネットワークのサーバーに情報を送信し、情報を使用してブラウジングの習慣に基づいたプロファイルを作成します。 Adblock Plusは、ウェブサイトからソーシャルメディアボタンを無効にすることができるため、訪問したウェブサイトに基づいてソーシャルネットワークがプロファイルを作成できなくなります。

しかし、上記の説明は完全ではありません。ブラウジングの習慣を追跡するソーシャルメディアボタンをブロックしますが、は、ソーシャルメディアや他のオンラインアカウントにリンクするために人々が使用する単純なフォントベースのアイコンをブロックします。

解決方法は、Adblockソーシャルメディアリストを無効にするか、サイトコード内のクラス名を変更することです。