Question

所以我希望我的文字更加流畅，因为现在它有点像素化了。这是我的页面的图片： https://image.prntscr.com/image/POx2dzFpSii54oAcOJVLgg.png 这是另一个页面的图片，它使用相同的字体，但不是像素化的： https://image.prntscr.com/image/ywhJmpfDSLePNatLorUfTQ.png

修改

以下是导航栏和标题

的一些html和css代码

<body>
<!--HEADER-->
<header>
    <div class="jumbotron">
        <div class="container-fluid">
            <i class="fa fa-star faiconfix" aria-hidden="true" style="float: left"></i>
            <img class="img-responsive center-block" src="images/logo.png" alt="Hiraeth logo">
        </div>
    </div>
</header>
<!--END HEADER-->
<!--NAVBAR-->
        <nav class="navbar navbar-inverse">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <div class="collapse navbar-collapse" id="myNavbar">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#"><i class="fa fa-home faiconfix" aria-hidden="true"></i>Homepage</a></li>
                        <li><a href="#" class="ex1"><i class="fa fa-diamond faiconfix" aria-hidden="true"></i>Store *30% OFF*</a></li>
                        <li><a href="#"><i class="fa fa-comments faiconfix" aria-hidden="true"></i>Forums</a></li>
                        <li><a href="#"><i class="fa fa-heart faiconfix" aria-hidden="true"></i>Vote</a></li>
                        <li class="navfixborder"><a href="#"><i class="fa fa-send faiconfix" aria-hidden="true"></i>Support</a></li>
                    </ul>
                </div>
            </div>
        </nav>
        <!--END NAVBAR-->

CSS：

 html {
        font-family: Roboto, 'Open Sans', Arial;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        background-color: #000;
    }

    .navbar-nav {
        margin: 0;
        text-align: center;
        font-size: .9em;
        width:100%;
        font-weight: bold;
        text-transform: uppercase;
        font-family: Roboto, 'Open Sans', Arial;
      }

  .navbar-nav > li {
    float: none;
    display: inline-block;
    margin-left: -5px;
    border-left: 2px solid #333240;
  }
  .navbar-nav > li > a {
    line-height: 20px;
    padding-right: 20px;
    padding-left: 20px;
  }

我怎么能让我的文字更流畅？

0 个答案: