webkit-font-smoothing：在chrome和safari中突然有不同的结果

问题描述

我曾经在两个webkit浏览器（Chrome和Safari浏览器）中输出相同，但突然（我不知道我可以改变在Chrome的渲染看起来很不爽。

这是我的html

 < li class =cat-item term term-workshops>< a href =/ workshops>研讨会< / a>< / li> 
  

这是我的css

  .term a {
 display：inline-block; 
 height：1em; 
 -webkit-font-smoothing：antialiased; 
 -moz-font-smoothing：antialiased; 
 font-smoothing： ; 
 text-rendering：optimizeLegibility; 
 font-smooth：always; 
} 
 
 .term-workshops a {
 text-transform：lowercase; 
 font-family：Custom-Family，sans-serif; 
 font-size：1.4em; 
 margin-top：.1em; 
} 
  
 
 
 
 
 
 
  Safari的输出看起来不错在Chrome中一样） 
 
 
  
 
 
  Chrome中的输出看起来突然崩溃了 
 
 
  
 
 
任何想法为什么会使两个webkit浏览器有所不同？ 
我知道它在Firefox中看起来很糟糕，因为没有 font-smoothing 选项，但是如果可能的话，它应该在Chrome和Safari中看起来一样。
 
 
 
我可以在我的CSS中改变输出看起来突然不同？我知道这两个浏览器看起来都一样！
解决方案
  
 
I used to have the same output in both webkit browsers (Chrome & Safari) but suddenly (and I don't know what I could have changed the rendering in Chrome looks crappy.

this is my html
<li class="cat-item term term-workshops"><a href="/workshops">Workshops</a></li>
and this is my css
.term a {
    display:inline-block;
    height:1em;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    font-smooth:always;
}

.term-workshops a {
    text-transform:lowercase;
    font-family:"Custom-Family", sans-serif;
    font-size:1.4em;
    margin-top:.1em;
}
The output in Safari looks good (it used to look the same in Chrome)
The output in Chrome looks suddenly crappy
Any idea of why that could make a difference in both webkit browsers?I know it looks crappy in Firefox since there is no font-smoothing option, but it should look the same in Chrome and Safari if possible.
What could I have been able to change in my css that the output looks suddenly diffrent? I know it looked the same in both browsers!
 解决方案 
https://productforums.google.com/forum/?fromgroups=#!topic/chrome/0vqp1bnkaoE 
                        
这篇关于webkit-font-smoothing：在chrome和safari中突然有不同的结果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！