javascript - 如何找出页面上包含哪些字体？

Question

我需要通过 @font-face 获取页面上可用的所有字体名称的列表。声明(无论是在外部样式表还是内联 <style> 元素中)。这是针对将包含在我无法控制的页面上的脚本。

理想情况下，我希望通过 AJAX 重新下载所有 CSS 文件然后解析它们。

但我不能使用新的 document.fonts API，因为我需要它合理地跨浏览器(如果可能，甚至是 IE7)。

有什么方法可以在不下载和解析 CSS 的情况下做到这一点？

Answer 1

我认为这样的事情将是一个开始:

var sheets = document.styleSheets,
    sheet,
    rule,
    i, j;

for (i = 0; i < sheets.length; i++) {
  sheet = sheets[i];
  for (j = 0; j < sheet.rules.length; j++) {
    rule = sheet.rules[j];
    if (typeof(rule.cssText) !== 'undefined' && rule.cssText.indexOf("font-face") !== -1) {
       console.log(rule.cssText); // you can parse the font name from rule.cssText here
    }
}