2016-06-15 226 views
1

我使用的是流星的框架,並在我的main.scss文件中的以下內容:@字體面渲染宋體

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

h1 { 
    font-family: 'GrandHotel-Regular'; 
} 

這不是工作,當我檢查選擇的字體,家庭是GrandHotel-Regular就像它應該是,但控制檯說它呈現爲時代新羅馬。

我在Ubuntu上使用Chrome,它的舊版本無法再更新,因爲我的筆記本電腦太舊了,但是我不認爲這是導致問題的原因,因爲像這樣的東西對我來說很合適以往。

可能會出現什麼問題?

其他問題,像這樣的: Font coming out as Times New Roman in Older Browsers

或者這一個: Font proxima_novalight is rendered as Times New Roman

都沒有解決同樣的問題。

回答

1

您的字體的url s沒有任何文件夾作爲文件路徑的一部分,這意味着它們必須位於與CSS文件相同的文件夾中。他們真的嗎? (如果沒有,添加文件夾/文件路徑)

+0

我很笨。哈。我不敢相信我沒有聽到。 – blaineh

0

您的項目如何設置?檢查開發人員工具中的網絡選項卡以確保字體實際上正在加載。如果沒有,請重新檢查您的URL以確保它們指向正確的文件。

您的代碼看起來非常好,所以如果您的項目設置不是問題,請嘗試使用不同的瀏覽器並查看是否可以重現此問題。