我有一个页面,它是cms/wysiwyg/ms单词噩梦。
它从数据库中提取了许多文本段落,其中一些段落保留了msword奇怪的html标记,包括字体声明!!!啊!
在一句话中,我可以得到以下内容:
<span style="font-family:Verdana">this is some</span>
<span style="font-family:arial">ugly text!</span>
我想知道是否有一种方法可以删除所有的字体家族和字体大小样式,使它们能够适应主样式表css?
如果我能避免的话,我宁愿不要陷入大规模的怀孕状态。感谢
CSS:
span {
font-family: initial !important;
font-size: initial !important;
}
好吧,如果你在很多地方获得内联样式,我会把它添加到正文CSS 中
body {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 16px !important;
}
如果您注意到所有的内联字体样式都是在span
上进行的,那么您可以针对跨度而不是正文。
我选择这两种字体是因为它们是Windows和Mac/iOS的"默认"字体。当然,你可以选择自己的字体大小。唯一不幸的是,如果你想在其他地方使用不同的字体和字体大小,你就必须使用更多的!important
。
您可以为此使用!important
规则。但是,您必须明确定义您希望它继续运行的每个元素(或使用通用选择器*
)
http://jsfiddle.net/b8RKm/
* { font-family: Tahoma, sans-serif !important; }