【问题标题】:Font looks better in chrome than firefox字体在 chrome 中看起来比 firefox 好
【发布时间】:2016-01-13 19:11:58
【问题描述】:

我在浏览器上测试我的网络应用程序,但是当我在 Firefox 上测试它时,字体 (Lato) 看起来比 Chrome 难看。我该如何解决?谢谢。

编辑:我说的是Connexion按钮。

chrome 上的字体渲染:

Firefox 上的字体渲染:

【问题讨论】:

  • 看起来前两个在 FF 中加载了不同的字体。你说的是Pseudo 还是Connexion
  • 我说的是Connexionpseudo其实看起来不错
  • 给我你的修复,我会测试它是否有效:p
  • 刚刚尝试@PraveenKumar
  • @timss 哦,字体是lato,我没看到,但是我用ubuntu condensed替换了它,同样的问题,字体在chrome中确实更好

标签: javascript html css google-chrome firefox


【解决方案1】:

第一个解决方案:文字阴影技巧

.affected_ff {text-shadow: 0 0 1px rgba(0,0,0,0.2);}

然后试试,字体平滑

html {-webkit-font-smoothing: antialiased; font-smoothing: antialiased;}

最终修复,Translate3D

.affected_ff {transform: translate3d(0, 0, 0);}

【讨论】:

  • 有一点变化,但是不像chrome那么流畅:(i.imgur.com/lZGXpDl.png
  • @MrZrn 尝试添加更多...说,{text-shadow: 0 0 1px rgba(255,255,255,0.5);} - 试试这个?
  • 试过了,总是同样的问题:/
  • @MrZrn 那是我能说的最好的了,兄弟……给我看看你的 CSS 代码吗?字体包含...
  • 对不起那个人,我不能把所有的代码都粘贴到评论上,我也没有想到 pastebin,所以我做了一个截图
猜你喜欢
  • 2018-03-11
  • 2012-11-18
  • 2013-10-14
  • 2015-05-09
  • 2021-04-18
  • 2021-08-04
  • 2017-12-25
  • 2017-10-20
  • 2012-05-30
相关资源
最近更新 更多