我有两个人告诉我,由于字体真棒,他们无法在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:[email protected]"><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>

最佳答案

这与“真棒字体”无关。他们很可能正在使用Adblock Plus浏览器扩展程序并启用了“ Fanboy的社交阻止列表”。根据Fanboy site,此列表将“隐藏和阻止社交内容,社交小部件,社交脚本和社交图标”。它做得很好,我个人使用。

问题的一部分是Adblock Plus安装脚本询问用户是否要启用Fanboy Social Blocking列表。这是该列表在Adblock Plus site中的作用的描述:

禁用社交媒体按钮

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

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

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

关于html - Font Awesome 图标对于某些用户不可见,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/38044487/

10-12 04:47