4

いくつかの変更を加えるために取り組んでいるプロジェクトを引き上げたところ、その宣言font-weight: lighterが経由@font-faceして提供されており、サイトで機能しなくなっていることに気付きました（画像を参照-上部のクロム、下部のff）。私のシステム (Windows) は昨夜から何も変わっておらず、バーは今日 Chrome 19.0.1084.46 にアップグレードされています。これが問題だと思いますが、他の誰かがこれに気付いたのか、それとも修正があるのか​​疑問に思っています。

Chrome と FF のフォントの太さ: 軽い

ありがとう。

4

2 に答える 2

5

相対項の代わりに数値を使用してみてくださいlighter。

例:font-weight:100最軽量になります。

相対的および絶対的なフォントの重みに関する便利な記事がここにあります: http://webdesign.about.com/od/fonts/qt/aa031807.htm

于 2012-05-17T14:26:44.890 に答える
0

複数のスタイルを持つ font-face フォントを使用している場合 (必要に応じて)、各バリアントが具体的に font-weight に関連付けられていることを確認してください。これにより、各バリエーションには独自の明示的なファイルがあります。それ以外の場合は、やりたいことを補うのはブラウザ次第です。font-squirrel から自動生成されたコードはこれを行わないことがわかりました (ただし、パッケージ化を更新した可能性があります)。

次のコードで、各ファイルに font-weight と font-style が明示的に設定されていることに注意してください。これは推測の余地がありません。

@font-face {
    font-family: 'CaviarDreams';
    src: url('fonts/CaviarDreamsItalic-webfont.eot');
    src: url('fonts/CaviarDreamsItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/CaviarDreamsItalic-webfont.woff') format('woff'),
         url('fonts/CaviarDreamsItalic-webfont.ttf') format('truetype'),
         url('fonts/CaviarDreamsItalic-webfont.svg#CaviarDreamsItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'CaviarDreams';
    src: url('fonts/CaviarDreams_BoldItalic-webfont.eot');
    src: url('fonts/CaviarDreams_BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/CaviarDreams_BoldItalic-webfont.woff') format('woff'),
         url('fonts/CaviarDreams_BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/CaviarDreams_BoldItalic-webfont.svg#CaviarDreamsBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'CaviarDreams';
    src: url('fonts/CaviarDreams-webfont.eot');
    src: url('fonts/CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/CaviarDreams-webfont.woff') format('woff'),
         url('fonts/CaviarDreams-webfont.ttf') format('truetype'),
         url('fonts/CaviarDreams-webfont.svg#CaviarDreamsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CaviarDreams';
    src: url('fonts/CaviarDreams_Bold-webfont.eot');
    src: url('fonts/CaviarDreams_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/CaviarDreams_Bold-webfont.woff') format('woff'),
         url('fonts/CaviarDreams_Bold-webfont.ttf') format('truetype'),
         url('fonts/CaviarDreams_Bold-webfont.svg#CaviarDreamsBold') format('svg');
    font-weight: bold;
    font-style: normal;

}
于 2012-05-18T13:29:34.010 に答える