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

时间:2013-07-17 22:03:29

标签: javascript jquery html css

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

1 个答案:

答案 0 :(得分:0)

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

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

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

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