字体看起来很糟糕

时间:2014-07-21 23:43:59

标签: html css google-chrome fonts antialiasing

我刚刚下载并尝试了字体" Proxim"。然后我在Chrome,Firefox,IE和Safari中进行了测试。

在Chrome中,字体看起来很糟糕。以下是一些截图:

Chrome中的第一个:

Font in Chrome:

来自Firefox / IE / Safari的第二个:

Font in Firefox

我正在使用的代码:

@font-face { 
font-family: Proxima; 
src: url('proxima.otf'); 
} 

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: Proxima;
    src: url('proxima.otf') format('otf');
  }
}
html {
    text-rendering: optimizeLegibility;
    -webkit-text-stroke: 0.25px;
    -webkit-font-smoothing: antialiased;
    width: 100%;
}

.content h1 {
    font-weight: 600;
    letter-spacing: -.05em;
    font-family: Proxima,sans-serif;
    font-size:6.25em;
    color: #fff;
}

0 个答案:

没有答案