仅当从Windows查看实时站点时,Webapp Roboto字体异常

时间:2016-03-10 20:13:27

标签: css django web-applications django-pipeline roboto

我们使用Roboto字体的网络应用,直接从Google加载:

@import url(//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,300italic);

从OSX查看时,网站看起来不错。当从Windows上的浏览器(Chrome,Firefox,Edge,...)查看时,实时网站不会加载Roboto。但是,当在Windows上(从这些浏览器中的任何一个浏览器)查看本地开发人员版本的网站时,它会正确加载字体。

webapp使用Django,它也使用django-pipeline。本地开发人员版本并没有缩小JS或CSS。实时站点将JS和CSS文件捆绑在一起并缩小它们。如果我查看来自实时服务器的捆绑+缩小的CSS,它确实包含Roboto字体的import语句。然而,由于某种原因,浏览器不会遵循这一点(仅限Windows,仅限实时网站)。

我发现的另一件事是我们使用DataTables。我们使用bower,datatables来自bower包,其中包含DataTables选项/按钮的PDFMake(注意:我们不使用该功能,但它来自包中的框)。 PDFMake依赖于vfs_fonts,它包含嵌入在CSS中的ttf格式的Roboto二进制文件。据我所知,虽然在我们的案例中没有加载,因为我们不使用按钮插件。但我注意到了。

有没有人经历过这种情况?有任何想法,建议解决这个问题吗?

1 个答案:

答案 0 :(得分:1)

我刚从管道束中删除它并将其导入单独的一行。我不确定为什么它不适用于管道,但这很有效。