使用javascript在CSS中获取@font_face标记的url

Question

目前我的CSS中有很多@font_face标签

@font-face{
        font-family: Garamond;
        src: url('ePrintFonts/pcl_91545.ttf');
    }
    @font-face{
        font-family: CG Times;
        src: url('ePrintFonts/pcl_92500_CG.ttf');
    }
    @font-face{
        font-family: CG Omega;
        src: url('ePrintFonts/pcl_92506.ttf');
    }

我正在使用这些字体系列名称将这些字体标签应用于其他元素。 如果给出一个应用了字体面的特定元素，如何使用JavaScript访问特定字体的src部分？

Answer 1

虽然您的问题的两条评论都提供了链接，这些链接显示了您可以检索给定元素的所有应用规则的方式，但它们无法显示问题中的问题。

我不确定是否有办法使用一些简单的JS做你所要求的。 我（可能很差）的建议是找到解析CSS文件的东西，并通过它找到它。 但值得注意的是，拥有如下规则是完全有效的：

src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/opensans-bold.woff') format('woff');

因此，您首先搜索字体的本地安装，如果用户没有，则仅使用URL。 出于这个原因，这类事情变得更加复杂，我建议你重新考虑一下你的方法。