字體效果不適用

Question

@font-face { 
 
    font-family: 'sakal_marathinormal'; 
 
    src: url('sakal_marathi_normal-webfont.woff2') format('woff2'), 
 
     url('sakal_marathi_normal-webfont.woff') format('woff'), 
 
     url('Sakal_Marathi_Normal.ttf') format('ttf'); 
 
    font-weight: normal; 
 
    font-style: normal; 
 
} 
 

 
body{ 
 
    font-family: sakal marathi; 
 
}

你好，我想用上面的字體樣式在我的項目。我在style.css文件中寫了相同的代碼。字體位於我的style.css文件所在的位置。字體的效果顯示在我的PC上，因爲字體安裝在我的PC上。但是當我運行我的項目在另一臺電腦上不顯示字體效果。

Answer 1

1. yes..font只在您的系統中有效。
2. 因爲css從本地機器運行，而不是從服務器運行。用的google fonts

@import url('https://fonts.googleapis.com/css?family=Indie+Flower'); 
 
body{ 
 
font-family: 'Indie Flower', cursive;/* for test*/ 
 
}

Hello World..!

Answer 2

一些環節更好地利用請嘗試這樣

@font-face { 
font-family: sakal_marathinormal; 
src: url('sakal_marathi_normal-webfont.woff2') format('woff2'), 
    url('sakal_marathi_normal-webfont.woff') format('woff'), 
    url('Sakal_Marathi_Normal.ttf') format('ttf'); 
font-weight: normal; 
font-style: normal; 

}

body{ 
font-family: sakal_marathinormal; 

}

Answer 3

實現的font-family必須與@ font-face中聲明的font-family相同。檢查下面的示例：

@font-face { 
    font-family: myFirstFont; 
    src: url(sansation_light.woff); 
} 

div { 
    font-family: myFirstFont; 
}