0

これが私のスタイルシートのトップです：

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
body{
    font-family:"Open Sans";
    background-image:url(images/greyFadeBG.jpg);
    background-repeat:repeat-x;
    background-color:#ffffff;
    margin:0px;
    padding:0px;
    height:100%;
    min-width:870px;
    font-size:14px;
    color:#666666;
}

これにより、IE (9 および 10) でカスタム フォントが表示されます。行を font-family:"Open Sans"; から変更すると、to font-family:"Open Sans", sans-serif;

カスタム フォントは IE7 で表示されますが、すべての IE バージョンでサンセリフ フォントが表示されます。

私はこれを Font Squirrel から試しましたが、うまくいきませんでした:

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

}

何か案は？

4

1 に答える 1

0

2 番目@font-faceが機能するためには、本文の font-family を次のように変更する必要があります。

body{
    font-family: "open_sansregular";
}

またはさらに良い

body{
  font-family: "Open Sans", "open_sansregular", sans-serif;
}
于 2013-03-15T21:35:39.373 に答える