仅当从 Windows 查看实时站点时,Webapp Roboto 字体异常
Webapp Roboto font anomaly only when live site is viewed from Windows
有一个我们使用 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 文件捆绑在一起并缩小它们。如果我查看来自实时服务器的 bundled+minified CSS,它确实包含 Roboto 字体的导入语句。但是由于某些原因,浏览器不遵循这一点(仅在 Windows 上,仅限实时站点)。
我发现的另一件事是我们使用数据表。我们使用 bower,datatables 来自 bower 包,其中包含 DataTables options/buttons 的 PDFMake(注意:我们不使用该功能,但它来自包中的盒子)。 PDFMake 依赖于 vfs_fonts,它包含嵌入在 CSS 中的 ttf 格式的 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 文件捆绑在一起并缩小它们。如果我查看来自实时服务器的 bundled+minified CSS,它确实包含 Roboto 字体的导入语句。但是由于某些原因,浏览器不遵循这一点(仅在 Windows 上,仅限实时站点)。
我发现的另一件事是我们使用数据表。我们使用 bower,datatables 来自 bower 包,其中包含 DataTables options/buttons 的 PDFMake(注意:我们不使用该功能,但它来自包中的盒子)。 PDFMake 依赖于 vfs_fonts,它包含嵌入在 CSS 中的 ttf 格式的 Roboto 二进制文件。据我所知,虽然在我们的案例中没有加载,因为我们不使用按钮插件。但是我注意到了。
有人经历过吗?有什么想法和建议来解决这个问题吗?
我刚刚将其从管道包中删除并在单独的行中导入。我不确定为什么它不适用于管道,但这有效。