3

目前我的 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 部分?

4

1 回答 1

0

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

我不确定有没有一种方法可以使用一些简单的 JS 来做你所要求的事情。我(可能很糟糕)的建议是找到一些东西来解析 CSS 文件,并通过它找到它。然而值得注意的是,拥有这样的规则是完全有效的:

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

因此,您首先搜索字体的本地安装,并且仅在用户没有它们的情况下使用 URL。出于这个原因,这种类型的事情更加复杂,我建议你重新考虑你的方法。

于 2013-07-19T09:39:55.933 回答