-1

重複の可能性:
Windows および Mac での @font-face アンチエイリアス

これは私のcssです：

    @font-face {
        font-family: 'Museo500Regular';
        src: url('../fonts/Museo500/MuseoSans_500.eot');
        src: local('?'), 
        url('../fonts/Museo500/MuseoSans_500.woff') format('woff'), 
        url('../fonts/Museo500/MuseoSans_500.ttf') format('truetype'), 
        url('../fonts/Museo500/MuseoSans_500.svg#webfontr3rD8cn7') format('svg');
        font-weight: normal;
        font-style: normal;
    }

.loginUser form h2{
font-family: Museo500Regular,sans-serif;
    font-size: 17px;
    font-weight: bold;
}

IE、Firefox、Opera では、webkit ブラウザーでのみ適切にレンダリングされますが、適切にレンダリングされません。理由を教えてもらえますか? :|

4

3 に答える 3

2

適切な太字のテキストを取得するには、太字（700）バージョンのフォントを使用する必要があります。別のウェイトを使用して、ブラウザに太字にするように要求すると、アルゴリズムによってストロークが太くなる可能性があり、ブラウザによっては、レンダリングが不十分またはひどくなる可能性があります。

于 2012-09-14T12:06:10.283 に答える
1

Rohit: すべてのブラウザで壊れてしまうので、これは単なるタイプミスだと確信しています。

次の方法を試しましたか。

@font-face {
font-family: 'Museo500Regular';
src: url('../fonts/Museo500/MuseoSans_500.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/Museo500/MuseoSans_500.woff') format('woff'), 
     url('../fonts/Museo500/MuseoSans_500.ttf')  format('truetype'),
     url('../fonts/Museo500/MuseoSans_500.svg#webfontr3rD8cn7') format('svg');
}

それは常に私にとってはうまくいきました..そうでなければ、Webkitが使用するものであるため、Woffファイルのエラーである可能性があります

于 2012-09-14T10:54:35.927 に答える
0

これを試して：

font-family: 'Museo500Regular';
    src: url('../fonts/Museo500/MuseoSans_500.eot');
    src: url('../fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Museo500/MuseoSans_500.woff') format('woff'),
         url('../fonts/Museo500/MuseoSans_500.ttf') format('truetype'),
         url('../fonts/Museo500/MuseoSans_500.svg#webfontr3rD8cn7') format('svg');

また、以下を .htaccess に追加してみてください

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
于 2012-09-14T11:13:48.020 に答える