我需要嗅探 <p>
的格式这样我就可以将信息传递给 <iframe>
和匹配格式。
我可以使用 jQuery 获取字体
var font = $("p").css('font-family');
var fsiz = $("p").css('font-size');
但是,如果字体系列是网络字体 - 例如“Open Sans”,我还需要找到 @font-face
的源代码加载它的规则。
我不知道该怎么做。
最佳答案
查找所有 css 定义的字体,演示 here (控制台)。
function getFonts (obj) {
var o = obj || {},
sheet = document.styleSheets,
rule = null,
i = sheet.length, j;
while( 0 <= --i ){
rule = sheet[i].rules || sheet[i].cssRules || [];
j = rule.length;
while( 0 <= --j ){
if( rule[j].constructor.name === 'CSSFontFaceRule' ){ // rule[j].slice(0, 10).toLowerCase() === '@font-face'
o[ rule[j].style.fontFamily ] = rule[j].style.src;
};
}
}
return o;
}
关于javascript - 通过javascript检测正在使用的@font-face,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13171387/