css中有没有办法清除所有字体系列+字体大小样式声明？

Posted 2023-02-22

【中文标题】css中有没有办法清除所有字体系列+字体大小样式声明？

【英文标题】：Is there a way in css to clear all font-family + font-size style declarations?

【发布时间】：2013-12-21 22:38:56

【问题描述】：

我有一个页面是 cms/wysiwyg/ms 字的噩梦。

它从数据库中提取许多文本段落，其中一些保留了 ms word 的奇异 html 标签 - 包括字体声明！啊！

一句话，我可以说：

<span style="font-family:Verdana">this is some</span>
<span style="font-family:arial">ugly text!</span>

我想知道是否有办法删除所有字体系列和字体大小样式，以便它们适应主样式表 css？

如果可以避免的话，我宁愿不要陷入大规模的 preg_replace 条件。 谢谢

【问题讨论】：

您可以使用style="font-family:'font-name' !important; font-size:'size' !important;"这些将覆盖它们。

@Joy_S：覆盖他们。 覆盖意味着完全不同的东西。

对不起。没注意到。谢谢指正。 @MikeSherrill'Catcall'

【参考方案1】：

CSS：

span 
    font-family: initial !important;
    font-size: initial !important;

【讨论】：

谢谢，我想我想多了，错过了明显的：P

【参考方案2】：

好吧，如果您在很多地方都获得内联样式，我会将其添加到正文 CSS 中

body 
     font-family: Arial, Helvetica, sans-serif !important;
     font-size: 16px !important;
 

如果您注意到所有内联字体样式都在 spans 上，您可以定位 span 而不是 body。

我选择这两种字体是因为它们是 Windows 和 Mac/ios 的“默认”字体。 当然，您可以选择自己的字体大小。唯一不幸的是，如果您想在其他地方使用不同的字体和字体大小，您将不得不使用更多!importants。

【参考方案3】：

您可以为此使用!important 规则。但是您必须明确定义您希望它继续存在的每个元素（或使用通用选择器*）

http://jsfiddle.net/b8RKm/

*  font-family: Tahoma, sans-serif !important;