使用javascript获取CSS中@font_face标记的url
目前我的CSS中有很多@font\u面部标记使用javascript获取CSS中@font_face标记的url,javascript,jquery,html,css,Javascript,Jquery,Html,Css,目前我的CSS中有很多@font\u面部标记 @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
@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部分?虽然问题的两个注释都提供了链接,显示了可以检索给定元素的所有应用规则的方法,但它们无法显示问题中的问题 我不确定是否有一种方法可以使用一些简单的JS实现您的要求。我的建议(可能很差)是找到一些东西来解析CSS文件,并通过它找到它。然而,值得注意的是,有这样一个规则是完全有效的:
src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/opensans-bold.woff') format('woff');
首先搜索字体的本地安装,如果用户没有URL,则只使用URL。由于这个原因,这种类型的东西更加复杂,我建议您重新考虑您的方法。检查您选择的元素的字体系列,您可以使用