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;

Answer 3

你可以使用这个。我觉得它很有用：

:focus, a:focus {
    outline: 0
}

字体在铬上看起来更大胆

3 个答案: