文章/答案/技术大牛

发布

社区首页 >问答首页 >字体在不同的浏览器中显示不同

问字体在不同的浏览器中显示不同
EN

Stack Overflow用户

提问于 2016-10-07 11:06:28

回答 2查看 464关注 0票数 1

我在我的网页中使用了"Raleway“字体。但在不同的浏览器中看起来是不同的。有没有办法解决这个问题？

这是我使用过的链接。

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway" />

下面是crome和firefox视图中的图像：

在firefox中，字体看起来有点粗体和阴影。

html

css

cross-browser

回答 2

Stack Overflow用户

发布于 2016-10-07 11:15:46

使用这个。

body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased
}

如果不工作

body {
    -webkit-font-smoothing: antialiased!important;
    -moz-font-smoothing: antialiased!important;
    -o-font-smoothing: antialiased!important;
    font-smoothing: antialiased!important;
}

票数 0

Stack Overflow用户

发布于 2016-10-07 11:20:05

body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/39915727

复制

相似问题

问字体在不同的浏览器中显示不同
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问字体在不同的浏览器中显示不同EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问字体在不同的浏览器中显示不同
EN