Html 如何确定谷歌字体的文件大小？

我正在使用google字体，我的项目中包括了roboto字体，我需要使用浅色和常规字体样式，但我无法知道该字体的文件大小。

您可以使用web检查器查看网页上所有静态资产的文件大小。它位于Chrome、Firefox或Safari中的开发者工具下。

在Chrome中，您可以打开开发者工具并转到网络选项卡。单击“全部”或“CSS过滤器”按钮，查找谷歌字体的CSS嵌入链接。它将类似于：

https://fonts.googleapis.com/css?family=Roboto+Condensed%3A300%2C400%2C700

如果查看“大小”列（如果看不到，请右键单击任何列以添加“大小”列），您将看到一个相对较小的文件大小，但这不是字体本身的大小，这只是包含字体文件的代码：

/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

您将看到浏览器将加载的实际字体，

https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2

---

停留在开发工具的“网络”选项卡上，单击“字体过滤器”按钮，现在您将看到字体文件本身及其各自的文件大小。

您能否共享路径的屏幕截图。我得到了答案。我的问题有点不同。实际上我的问题是，我不想在不知道文件大小的情况下在项目中包含google字体。我认为谷歌现在正在显示该字体样本上的字体大小。