字体在 chrome 上看起来更粗一些

Question

很奇怪，当我使用 Source sans pro 时，它在 chrome 上看起来更大胆，但当我切换到 safari 时，它看起来更薄。

我下载了 Source Sans，所以我没有将它嵌入头部

不确定是我的代码还是我的浏览器在我的代码中出现了一段文本

            <div class="collapse navbar-collapse navHeaderCollapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">HOME</a></li>
                <li><a href="#">MY WORK</a></li>
                <li><a href="#">ABOUT ME</a></li>

            </ul>
        </div>

CSS

ul{
font-family:'Source Sans Pro';
left: 50%;
position: absolute;
font-weight: 100;
letter-spacing: 0.5px;
font-size: 13px

}

Answer 1

试试这个它可能有帮助：

-moz-osx-font-smoothing: grayscale; /*(For Firefox)*/
-webkit-font-smoothing: antialiased; /*(For Chrome and Safari)*/

Answer 2

将其添加到字体样式：

backface-visibility: hidden; -webkit-backface-visibility: hidden;