0

何らかの理由で、フォント フェイスが Google Chrome に表示されません。Android モバイル Web ブラウザーでも、他のブラウザーで動作します。なぜそうなのか（Google Chromeの更新など）について多くの投稿を読みましたが、何が問題なのか、どのように修正するのかわかりません。誰かが私のコードを見て、何か問題があるかどうかを確認できることを願っています。

私のフォントフェイスCSS： 

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

 }




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

}




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

}

それが実装されている私のCSS：

.headerBarText      {font-family:'source_sans_proregular';
                     font-size:37pt;
                     color:#FFF;
                     font-weight:bold;
                     padding-bottom:0px;
                     padding-top:7px;
                     padding-left:15px}
4

1 に答える 1

0

私は自分の質問に答えました。CSS ファイルへのリンクには大文字が必要でした。別の問題として、「font-family」リクエストで呼び出していたフォントのスペルが間違っていたことがわかりました。

于 2013-05-10T16:16:24.547 に答える