0

このコードでブログにGoogleの「Comfortaa」フォントを使用しています

<link href='http://fonts.googleapis.com/css?family=Comfortaa&subset=greek,latin' rel='stylesheet' type='text/css'>

ただし、フォント (他のフォントと共に) は mac Firefox でより太字に表示されます (Chrome mac/win firefox win などでは正常に表示されます)。

念のため、すべての em を px に変更しました。さらに、コードで font squirrel を試すこともできました

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 2, 2012 */



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

}




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

}




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

}

それでも問題は解決しません。(@font フェイスをどこに配置すればよいかよくわかりません - ブロガーの CSS を使用して適用しました)

私は何か間違ったことをしていますか、それともこれは明らかにブラウザーのレンダリングの問題であり、修正することはできませんか?

4

1 に答える 1

0

font-weight の数値を使用してみてください。Google Webfont リスニングでは、各スタイルの正しいフォントの太さを確認できます。Comfortaa の場合、{font-weight: 300;} は本、{font-weight: 400;} は通常、{font-weight: 700;} は太字です。

于 2013-06-07T13:26:55.950 に答える