Question

我正在开发一个webfonts服务器，我得到api用正确的mime类型吐出css。他们也被链接到页面。

@font-face {
    font-family: 'Pagul';
    src: url('http://localhost:5000/api/webfonts/static/Pagul.eot');
    src: local('☺'), url('http://localhost:5000/api/webfonts/static/Pagul.woff')   format('woff'),
         url('http://localhost:5000/api/webfonts/static/Pagul.ttf') format('truetype'),
    font-weight: normal; 
    font-style: normal;
}

ttf，eot文件可以使用链接手动下载，出于某些原因这些字体是没有被浏览器加载我在这里做错了什么？字体文件没有适当的mimetypes是问题吗？

我也尝试了font-squirells语法，它不起作用。 PS：Css是动态生成并添加到头部的吗？

Answer 1

使用相对路径而不是绝对路径。例如，如果您的CSS位于site / css / style.css中，并且您的字体位于site / api / webfonts / static /目录中：

@font-face {
  font-family: Pagul;
  src: url('../api/webfonts/static/Pagul.eot');
  src: url('../api/webfonts/static/Pagul.woff') format('woff'),
     url('../api/webfonts/static/Pagul.ttf') format('truetype'),
  font-weight: normal; 
  font-style: normal;
}

或者，使用Google字体等服务，将其CSS链接到您的HTML或直接导入您的CSS

为什么我的字体文件未下载未加载？

1 个答案: