Font Awesome Icons nicht sichtbar für einige Benutzer

Question

Ich hatte zwei Personen, die mir sagen, dass sie die sozialen Medien in der oberen rechten Ecke von my website wegen font-awesome nicht sehen können. Weißt du, ob es dafür eine Lösung gibt?

<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

Das hat nichts mit Font Awesome zu tun. Höchstwahrscheinlich verwenden sie die Adblock Plus Browser Erweiterung und haben "Fanboy's Social Blocking List" aktiviert. Laut Fanboy site wird diese Liste "Verbergen und blockieren Sie soziale Inhalte, soziale Widgets, soziale Skripte und soziale Symbole." Es tut so gut, ich benutze es persönlich.

Ein Teil des Problems ist das Adblock Plus Installations-Skript fragt den Benutzer, ob sie die Fanboy Social Blocking Liste aktivieren möchten. Dies ist die Beschreibung von dem, was diese Liste macht aus den Adblock Plus site:

Disable Social Media Buttons

Buttons verwendet, um Inhalte auf Social Media Plattformen zu teilen wie Facebook, Twitter, Google Plus und andere sind auf fast jeder Website platziert, die Sie besuchen. Selbst wenn Sie nicht darauf klicken, senden diese Schaltflächen Anfragen an die Server des sozialen Netzwerks, die dann die Informationen verwenden, um ein Profil basierend auf Ihren Surfgewohnheiten zu erstellen. Adblock Plus kann Social-Media-Schaltflächen von Websites deaktivieren und sicherstellen, dass soziale Netzwerke kein Profil basierend auf den von Ihnen besuchten Websites erstellen können.

Die obige Beschreibung ist jedoch nicht vollständig. Es blockiert diese Social-Media-Schaltflächen, die Ihre Surfgewohnheiten verfolgen, aber es blockiert auch einfache font-basierte Symbole, die Menschen verwenden, um ihre sozialen Medien und andere Online-Konten zu verknüpfen.

Das Update ist entweder deaktivieren Sie die Adblock-Social-Media-Liste oder ändern Sie die Klassennamen in Ihrem Standortcode.