css - 为什么@font-face 在我的 Web 应用程序中不起作用？

Question

我在我的 Web 应用程序中使用 @font-face 是这样的:

@font-face {

font-family: BKoodak;

src: url('../Content/Styles/ThirdParties/Fonts/BKoodakBold.eot'); /* IE9 Compatibility Modes */

src: url('../Content/Styles/ThirdParties/Fonts/BKoodakBold.eot?') format('eot'), /* IE6-IE8 */

url('../Content/Styles/ThirdParties/Fonts/BKoodakBold.woff') format('woff'), /* Modern Browsers */

url('../Content/Styles/ThirdParties/Fonts/BKoodakBold.ttf') format('truetype'); /* Safari, Android, iOS */

然后像这样使用它:

body {
  line-height: 1;
  font-family:BKoodak
  }

问题是什么？

编辑:在网络选项卡(Chrome)中我过滤了字体，但我发现浏览器根本没有得到字体!在控制台中我没有收到任何 404 错误!!我糊涂了!怎么了？

Answer 1

您确定您的文件地址吗？您可以使用此代码并更改文件地址

    @font-face {
  font-family: 'BKoodakBold';
  src: url('fonts/BKoodakBold.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/BKoodakBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}