如何使用正则表达式删除 html 中的 font-family 属性？答案

【问题标题】：How to use Regex to remove font-family attribute in html?如何使用正则表达式删除 html 中的 font-family 属性？
【发布时间】：2015-12-02 14:56:50
【问题描述】：

我有以下 HTML：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="utf-8" />
  <title></title>
</head>
<body>
  <p style="margin: 0in 0in 0pt; text-align: center;" class="ng-scope" align="center">
    <strong><span style='color: black; font-family: "Arial","sans-serif"; font-size: 18pt;'>Some Text</span></strong>
  </p>
  <p style="margin: 0in 0in 0pt;" class="ng-scope"><span style='color: black; font-family: "Arial","sans-serif"; font-size: 12pt;'>Some Text.</span></p>
  <div class="ng-scope">&nbsp;</div>
  <p style="margin: 0in 0in 0pt;" class="ng-scope"><span style='color: black; font-family: "Arial","sans-serif"; font-size: 12pt;'>Some Text.</span></p>
  <div class="ng-scope">&nbsp;</div>
  <p style="margin: 0in 0in 0pt;" class="ng-scope"><span style='color: black; font-family: "Arial","sans-serif"; font-size: 12pt;'>Some Text. </span></p>
  <div class="ng-scope">&nbsp;</div>
  <p style="margin: 0in 0in 0pt;" class="ng-scope">
    <span style='color: black; font-family: "Arial","sans-serif"; font-size: 12pt;'>Also over</span>
    <span style='color: black; font-family: "Cambria Math","serif"; font-size: 12pt;'>‐</span>
    <span style='color: black; font-family: "Arial","sans-serif"; font-size: 12pt;'>the</span>
    <span style='color: black; font-family: "Cambria Math","serif"; font-size: 12pt;'>‐</span>
    <span style='color: black; font-family: "Arial","sans-serif"; font-size: 12pt;'>Some Text.</span>
  </p>
  <div class="ng-scope">&nbsp;</div>
  <p style="margin: 0in 0in 0pt;" class="ng-scope">
    <span style='color: black; font-family: "Arial","sans-serif"; font-size: 12pt;'>Some Text </span>
    <span style='color: black; font-family: "Arial","sans-serif"; font-size: 12pt;'>Some Text.</span>
  </p>
  <div class="ng-scope">&nbsp;</div>
  <p style="margin: 0in 0in 0pt;" class="ng-scope">&nbsp;</p>
  <div class="ng-scope">
    <span style='color: black; font-family: "Arial","sans-serif"; font-size: 12pt;'>
      <div class="row">
        <div class="panel panel-primary col-sm-12 col-xs-24 col-md-8"><img class="img-responsive" src="data:image/png;base64,iVBORw0KGgGSE5XUSzMPLwAAAABJRU5ErkJggg=="></div>
      </div>
    </span>
  </div>
  <div class="ng-scope">&nbsp;</div>
  <p style="margin: 0in 0in 0pt;" class="ng-scope"><span style='color: black; font-family: "Arial","sans-serif"; font-size: 12pt;'>Signature of Patient or Legal Guardian</span> </p>
     </body>
</html>

所以，只要有 font-family 属性，我只需要删除它们和相应的属性即可。所以，基本上，它应该从 font-family 到下一个分号 (;) 删除。在 C#/VB 中使用 RegEx 即可。

提前致谢。

【问题讨论】：

标签： c# regex vb.net

【解决方案1】：

我觉得这里最好用HtmlAgilityPack，因为可能在html中有这样的文字，而不是在style，如果事实上html只是喜欢你的demo，你也可以用下面的Regex替换

font-family:[^;']*(;)?

这个patten也可以匹配不以;结尾的样式，就像style='font-family: "Arial","sans-serif"'一样

【讨论】：

【解决方案2】：

鉴于您的 html 在 string-variable htmlWithFont 中，您可以这样做：

var htmkWithoutFont = Regex.Replace(htmlWithFont, "font-family:\\s*\".*\";?", string.Empty);

【讨论】：

【解决方案3】：

另一个匹配 font-family 而不是 mso-bidi-font-family 的正则表达式：

(?<=;|"|\s)font-family:[^;']*(;)?

如果font-family 是第一个样式属性，或者前面有; 或空格，则此模式仅匹配font-family

【讨论】：