5

Google Web フォントを使用してLatoフォントを極細で表示するのに問題があります。Google のページと同じくらい薄いですが、400 未満の自分のページで使用しても重量は変わりません (極太字、太字、標準にできますが、細くすることはできません)。これは、Chrome と Firefox の両方で持続します。

フォントを宣言する次のバリエーションを試しました。

font: 100 1em/1.5em 'Lato';
font: normal 100 1em/1.5em 'Lato';
font: normal 100 1em/1.5em 'Lato', sans-serif;

短縮バージョンを使用せずに、フォントのデモ ページのように font-size プロパティにピクセルを使用することもできます。また、小さいサイズではレンダリングできないのではないかと考えて、いくつかのフォントサイズを試しましたが、違いはありませんでした. これはページ上の唯一の css であるため、それをオーバーライドする可能性のある他のルールはありません。

他に何を試すことができますか？

4

1 に答える 1

9

次の方法で CSS を修正できます。

font: 100 1em/1.5em 'Lato';
font: Ultra-Light 100 1em/1.5em 'Lato';
font: Ultra-Light 100 1em/1.5em 'Lato', sans-serif;

また、デフォルトでは含まれていない100Lato フォントのウェイトが含まれていることを確認してください。必要に応じて、URL は次のとおりです。

http://fonts.googleapis.com/css?family=Lato:100,400

フィドル: http://jsfiddle.net/praveenscience/AtdqY/

于 2013-04-06T19:08:22.017 に答える