有一个我们使用Roboto字体的webapp，它是直接从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程序包，该程序包包含PDFMake用于DataTables的选项/按钮（注意：我们不使用该功能，但它位于程序包的包装盒中）。 PDFMake取决于vfs_fonts，该文件包含嵌入CSS的ttf格式Roboto二进制文件。据我所知，虽然在我们的案例中没有加载，因为我们不使用按钮插件。但是我注意到了。
有人经历过吗？有什么想法，建议来解决这个问题吗？
最佳答案
我只是将其从管道捆绑中删除，并将其导入到单独的行中。我不确定为什么它不能与管道一起使用，但是这行得通。
关于css - 仅当从Windows查看实时站点时，Webapp Roboto字体异常，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35926312/