html - 字体在 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)*/