2013-05-06 161 views
0

由於某種原因,我的字體並未在谷歌瀏覽器中顯示出來。它適用於其他瀏覽器,即使在Android移動Web瀏覽器上。我讀了很多文章,爲什麼它可能是(谷歌瀏覽器更新等),但我不知道是什麼問題或如何解決它。我希望有人能看看我的代碼,看看他們是否有錯。我的字體在谷歌瀏覽器上不起作用

我的字體臉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} 

回答

0

我回答我自己的問題。鏈接到CSS文件需要一個國會大廈信件,而我發現另一個問題是我在我的「字體家族」請求中調用的字體拼寫錯誤。

相關問題