字体效果不适用

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; 
}