0

次のコードは、Google Chrome ベータ版と IE 7 では機能しますが、firefox では機能しません。

@font-face {
font-family: 'open_sans_semiboldregular';
src: url('../fonts/opensans-semibold-webfont.eot');
src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/opensans-semibold-webfont.woff') format('woff'),
     url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
     url('../fonts/opensans-semibold-webfont.svg#open_sans_semiboldregular') format('svg');

}

4

2 に答える 2

0

簡単な解決策として、Google Web Fonts を使用してみてください: http://www.google.com/webfonts

Open Sans 半太字を含める特定のヘッダー コードは次のとおりです。

<link href='http://fonts.googleapis.com/css?family=Open+Sans:600' rel='stylesheet' type='text/css'>

そして、CSS では次のようになります。

body {font-family: 'Open Sans', sans-serif;}

これにより、ブラウザ間の互換性に対処するだけでなく、Google のサーバーでホストされているため、ページの読み込みが高速化されます。

于 2013-02-09T04:53:30.103 に答える
0

これを試して

@font-face
{
    font-family: 'SegoeUI';
    src: url('Fonts/segoeui.eot');
    src: url('Fonts/segoeui.eot?#iefix') format('embedded-opentype'), url('fonts/segoeui.ttf') format('truetype');
}

@font-face
{
    font-family: 'SegoeLight';
    src: url('Fonts/segoeuil.eot');
    src: url('Fonts/segoeuil.eot?#iefix') format('embedded-opentype'), url('fonts/segoeuil.ttf') format('truetype');
}
于 2013-02-09T05:00:22.600 に答える