2017-04-17 56 views
0

我試圖導入字體搭配:如何導入字體與CSS

@font-face { 
font-family: Manifiesto; 
src: url(MANIFIESTO.ttf); 
} 

div { 
font-family: Manifiesto; 
} 

字體文件名是:MANIFIESTO.ttf。

我將字體文件上傳到index.html所在的文件夾中,但我無法使用此字體,而是使用了默認字體。

我錯過了什麼? 謝謝!

+0

我想你需要把它作爲一個字符串在引號。 – broodjetom

+0

你的CSS是在....?該路徑必須與CSS文件相關 – DaniP

+0

使webfont不在其中。你通常不能上傳你自己的文件。使用這個工具,它將構建一個跨瀏覽器堆棧。 https://www.fontsquirrel.com/tools/webfont-generator –

回答

0
@font-face { 
    font-family: 'Manifiesto'; 
    src: url('MANIFIESTO.ttf') format('truetype'); 
} 

div { 
    font-family: 'Manifiesto'; 
} 
+1

引號不是必需的。建議但不是必要https://www.w3.org/TR/css-fonts-3/#family-name-value –