2016-03-08 65 views
0

我已經使用了字體,但看起來我在聲明中丟失了一些東西。我應該如何聲明使我的字體工作?我在我的工作文件夾上有該字體。錯誤的路徑字體無法正常工作

@font-face { 
font-family: 'HThin'; 
src: url("/assets/fontsfontsHelveticaNeue-Thin.otf") format("opentype");} 

.header-text{ 
font-family:'HThin'; 
color: white; 
width: 50%; 
height: 50%; 
margin: auto; 
position: absolute; 
top: 0; left: 0; bottom: 0; right: 0; } 
+0

源:URL( 「/資產/字體/ fontsHelveticaNeue-Thin.otf」)格式( 「OpenType字體」);} 錯字錯誤對不起 –

+0

(」 ./assets/fonts/fontsHelveticaNeue-Thin.otf「) –

+0

當您在Chrome Dev Tools中請求該字體或您使用的任何字體時,是否返回404?或者它做了什麼? – martin

回答

0

你確定字體的路徑是正確的嗎? 如果字體所在的目錄位於.css文件的相同位置,則應寫入「../assets/fontsfontsHelveticaNeue-Thin.otf」。 btw記住@的字體供應商前綴字體http://shouldiprefix.com/#font-face

+0

src:url(「/ assets/fonts/fontsHelveticaNeue-Thin.otf」)格式(「opentype」);}輸入錯誤對不起 –

+0

src:url(「../ assets/fonts/fontsHelveticaNeue-Thin.otf」)格式(「opentype」); 仍然無法正常工作。 –