关于 CSS 中字体的 @import 的问题

Question

我正在使用@ModernDesigner 回答here 的@import 方法将Google 字体导入我的Magento 主题。

我的问题是，字体导入是如何工作的？浏览器会在每次页面加载时等待下载字体，还是只加载一次，然后后续页面将只使用缓存版本？

如果谷歌服务器宕机并且无法加载字体会怎样？它会完全阻止我的网站，还是浏览器会继续使用最适合的替代字体？

我还想补充一点，我从 url 中删除了 http:，因为相同的 css 文件用于结帐页面，并且使用 http 会破坏 https 安全状态。这样可以吗？

提前致谢！

Answer 1

1. 字体将被缓存，因此它们只加载一次。
2. 如果 Google 的 CDN 服务器应该离线，则使用 CSS 的后备字体。您的网站不会被屏蔽。
3. 只需使用:// 而不是https:// 或http://

但请记住： 您将所有访问您网站的用户都暴露给了 Google。我知道这听起来可能有点偏执，但我觉得更多的人应该将此视为不利因素并关心他们网站的请求。尤其是在情报部门发疯的时候。