Jquery 未应用字体效果

@font-face{
字体系列：“sakal_marathinormal”；
src:url（'sakal_marathi_normal-webfont.woff2'）格式（'woff2'），
url（'sakal_marathi_normal-webfont.woff'）格式（'woff'），
url（'Sakal_Marathi_Normal.ttf'）格式（'ttf'）；
字体大小：正常；
字体风格：普通；
}
身体{
字体系列：sakal marathi；
}

是..字体效果仅在您的系统中

因为css是从本地机器运行的，而不是从服务器运行的。更好地使用一些链接的

@导入url（'https://fonts.googleapis.com/css?family=Indie+花“）；
身体{
字体系列：“独立花”，草书；/*用于测试*/
}

你好，世界请像这样尝试

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

}

}
实现的字体系列必须与@font-face中声明的字体系列相同。检查以下示例：

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

div {
    font-family: myFirstFont;
}

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

div {
    font-family: myFirstFont;
}