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

实现的font-family必须与@ font-face中声明的font-family相同。请查看以下示例：

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

div {
    font-family: myFirstFont;
}

Answer 2

是..仅在您的系统中生效。
因为css从本地计算机运行，而不是从服务器运行。更好地使用google fonts

＆＃13;

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

＆＃13;

Hello World..!

＆＃13;

Answer 3

请尝试这样

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

}

字体效果未应用

3 个答案: