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的社交阻止列表＆＃34;。根据{{3}}，此列表将 ＆＃34;隐藏和屏蔽社交内容，社交窗口小部件，社交脚本和社交图标。＆＃34; 它确实如此好吧，我个人使用它。

部分问题是Adblock Plus安装脚本会询问用户是否要启用Fanboy Social Blocking列表。这是该列表对Fanboy site：

的作用的描述

停用社交媒体按钮

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

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

此修复程序要么停用Adblock社交媒体列表，要么更改站点代码中的类名称。

某些用户看不到Font Awesome图标

1 个答案: