3

私はウェブサイトを開発しています。ページのスタイル設定に Google フォントを使用しています。しかし、正しく表示されません。偽のフォントについて少し調べましたが、必要なフォントが提供されていない場合にのみ当てはまると思います。Google フォントをインポートしました。コードは

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v1/anMUvcNT0H1YN4FII8wprx7IBmrqA5IG9z8WNe77b9o.woff) format('woff');
}

フォントの私のCSSは

font-size:30px;
font-family: 'Titillium Web';
font-style: normal;
font-weight: 600;

しかし、偽のフォントが表示されていると思います。左側の画像と右側の画像の違いは次のとおりです。

私の問題 http://resource.theboulderdesign.com/400/homebox/gettingcompare.png

誰かが私の問題を解決できることを願っています。

モーガン・ケニオン

4

2 に答える 2

4

これは Chrome/Windows の問題です。フォントの太さと文字間隔に影響しますが、白text-strokeを追加して滑らかにすることができます。

-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: white;
-webkit-text-fill-color: white;

デモ: http://jsfiddle.net/zzmbu/

そのスクリーンショットを次に示します。

ここに画像の説明を入力

于 2013-04-04T00:25:10.650 に答える