2

このフォントをダウンロードしました

そして、これが私のスタイルシートに含める方法です:

@font-face {
    font-family: "surface";
    src: url(fonts/Surface-Medium.otf);
}

そして、これが私がそれを使用する方法です：

#site-header .site-logo a {
  color: #00B1ED;
  font-family: "surface";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: -1.5px;
  text-shadow: 0 1px 5px #000000;
  text-transform: capitalize;
}
#site-header .site-logo a span {
    color: white;

}
#site-header .site-logo a span:last-child {
  font-size: 22px;
}

問題は、Google Chrome でのレンダリングが非常に悪いことです。

ここに画像の説明を入力

しかし、Firefoxではうまく機能します：
ここに画像の説明を入力

私は何か間違ったことをしていますか？

4

3 に答える 3

0

フォントを埋め込み Open Type (.eot) に変換し、他のブラウザーをサポートするために .woff を追加します。ブラウザで適切にレンダリングされます。

または、クロムでこれを試してください-webkit-font-smoothing: antialiased;

于 2013-08-27T07:51:17.883 に答える