首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >firefox有没有等同于-webkit-font-smoothing:抗锯齿;的firefox?

firefox有没有等同于-webkit-font-smoothing:抗锯齿;的firefox?
EN

Stack Overflow用户
提问于 2012-01-07 00:47:52
回答 2查看 5.1K关注 0票数 3

基本上,我使用的一种网页字体在Firefox中显示得太粗了。我使用上面的代码在webkit浏览器中修复了这个问题。-moz-font-smoothing: antialiased;不工作。所以现在我问你们所有人,是否有另一个我只是忽略的解决方案。

注意:不管是否为h1,字体仍然显示得太粗。

相关代码:

代码语言:javascript
复制
@font-face {    
  font-family: 'GelatoScript';
  src: url('../fonts/gelatoscript/gelatoscript.eot');
  src: url('../fonts/gelatoscript/gelatoscript.eot?#iefix') format('embedded-opentype'),
       url('../fonts/gelatoscript/gelatoscript.woff') format('woff'),
       url('../fonts/gelatoscript/gelatoscript.ttf') format('truetype'),
       url('../fonts/gelatoscript/gelatoscript.svg#GelatoScript') format('svg');
font-weight: normal;
font-style: normal;
}

h1.pale {
  color: #f6ff96;
  font-family: 'GelatoScript';
  font-weight: 100; 
  font-size: 3.5em;
  margin-bottom: 0;
  text-shadow: .042em .042em 0px #787878;
}

<h1 class="pale" >Check this out!</h1>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-06-20 17:48:12

Dennis Traub在(之前)接受的答案中链接到的文章是关于WebGL的反锯齿的,与字体平滑无关。这个问题的简单答案是:不。

更新:火狐现在支持-moz-osx-font-smoothing: grayscale;,它的工作方式与-webkit-font-smoothing: antialiased;基本相同。

票数 5
EN

Stack Overflow用户

发布于 2012-01-07 00:51:49

根据this article的说法,Firefox10将是第一个实现反锯齿的版本。

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

https://stackoverflow.com/questions/8761306

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档