无需网络连接即可使用Google字体

Question

我有一个将在网络视图中运行的网络应用程序。它要求不存在外部依赖关系。我正在使用 Google 的 Poppins 字体。

我遵循了在堆栈溢出上找到的建议，下载了 Poppins 字体，将其从

ttf

转换为

woff

，然后将其导入到我的 css 中，如下所示：

@font-face {
  font-family: 'Poppins';
  src: url('./assets/fonts/Poppins-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

我正在加载我的应用程序，一切都按预期运行，但我仍然可以在 Chrome 开发工具的网络选项卡中看到获取 Poppins 字体的网络请求。我相信这意味着捆绑我的字体并没有达到阻止它们在运行时下载的预期效果。我该如何解决这个问题？

Answer 1

服务器将尝试通过向您提供的网址发送请求来获取字体。我认为在不托管该字体和客户端请求它的情况下使用特定字体的唯一方法是指定的字体是否安装在用户的计算机上或其默认的系统字体。