2015-10-07 62 views
0

我試圖導入TTF字體在Chrome擴展我的工作,但我寫的字體face規則似乎並沒有通過Chrome中得到回升:這些@ font-face聲明爲什麼不加載任何內容?

@font-face { 
    font-family: 'Montserrat'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Montserrat-Regular'), url('/fonts/Montserrat/Montserrat-Regular.ttf') format('ttf'); 
} 
@font-face { 
    font-family: 'Montserrat'; 
    font-style: normal; 
    font-weight: 700; 
    src: local('Montserrat-Bold'), url('/fonts/Montserrat/Montserrat-Bold.ttf') format('ttf'); 
} 

什麼我做錯了嗎?

+0

嘗試使用Google字體管理字體聲明CSS。請參閱https://www.google.com/fonts#UsePlace:use/Collection:Monserrat –

+0

由於這是一款Chrome擴展程序,因此它將用於網絡訪問不完整的情況下(例如在強制門戶後面) - 使其成爲通過谷歌字體的網絡依賴不如本地軟件包。我直接從https://github.com/google/fonts將字體出售到下載的軟件包中。 –

回答

1

與webfonts中幾乎所有其他字體格式(與所包含字體的最常見文件擴展名相匹配)不同,TTF字體的格式標識符爲format('truetype'),而不是format('ttf')

相關問題