html - 如何在 Chrome 中使文本呈现像 Internet Explorer 一样清晰

Question

与人们通常对 ie 的提示不同，我注意到我的网站在 IE 中看起来很棒，但在其他浏览器中却很“meh”。文本在 ie 中看起来更清晰，而在 chrome、safari 等中看起来参差不齐。

在不太积极的方面，大多数时候过渡没有完成，也就是说，知道如何解决吗？

它实际上停在了一半处。

     -webkit-transition-property:color, background; 
 -webkit-transition-duration: 0.25s, 0.5s; 
 -webkit-transition-timing-function: linear, ease-in-out;
  -moz-transition-property:color, background; 
 -moz-transition-duration: 0.25s, 0.5s; 
 -moz-transition-timing-function: linear, ease-in-out;
  -o-transition-property:color, background; 
 -o-transition-duration: 0.25s, 0.5s; 
 -o-transition-timing-function: linear, ease-in-out;
  -ms-transition-property:color, background; 
 -ms-transition-duration: 0.25s, 0.5s; 
 -ms-transition-timing-function: linear, ease-in-out;

这不是什么大问题，但如果有人能解决这个问题那就太好了。

无论如何，我怎样才能使文本在 Chrome/Safari/Firefox 中看起来像在 ie 中一样好？

这证明了差异有多大

Answer 1

尝试在你的 CSS 中添加

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