html - 某些用户看不到 Font Awesome 图标

Question

有两个人告诉我他们看不到 my website 右上角的社交媒体由于字体很棒。您知道是否有解决此问题的方法吗？

<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 社交阻止列表。这是该列表在 Adblock Plus site 中的作用的描述。 :

禁用社交媒体按钮

用于在 Facebook、Twitter、Google Plus 等社交媒体平台上分享内容的按钮几乎位于您访问的每个网站上。即使您不点击它们，这些按钮也会向社交网络的服务器发送请求，然后服务器使用这些信息根据您的浏览习惯创建个人资料。Adblock Plus 可以禁用网站的社交媒体按钮，确保社交网络无法根据您访问的网站创建个人资料。

然而，以上描述并不完整。它确实阻止了那些跟踪您的浏览习惯的社交媒体按钮，但它也阻止了人们用来链接到他们的社交媒体和其他在线帐户的基于简单字体的图标。

解决方法是禁用 Adblock 社交媒体列表或更改站点代码中的类名。