css - 我如何确定正在使用哪个字体文件，而不仅仅是字体系列？

Question

假设我有以下字体定义:

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans.regular.woff") format("woff");
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans.light.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans.semibold.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans.bold.woff') format('woff');
}

在 Chrome 的开发工具中，我可以分辨出正在使用的字体系列:

但是有没有办法知道正在使用哪个特定的字体文件？例如，我正在尝试验证浏览器是否确实使用了粗体版本的字体，而不是在常规版本的字体上使用自己的“假”粗体。

Answer 1

为了回答我自己的问题，Nikul Khatik 给出了正确答案。 Chrome 开发工具不支持此功能，但 Firefox 支持:

因此，使用 Firefox 获取用于元素的实际字体。