正则表达式从 css 中删除 @font-face 规则

Question

我怎样才能完全从 css 中删除字体

我有以下代码：

css = `

@font-face

{

  font-family:Rating;

  src:url(data:application/x-font-ttf;

  charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjA....)format('woff');

  font-weight:400;

  font-style:normal

}

#milk{

}

@font-face{

  p {

  }

}

.some-class{

}`

css = css.replace(/@font[^\{]+\{([^\{\}]*\{[^\}\{]*\})+[^\}]+\}/gi,'')

console.log(css)

预期结果是删除所有字体

但是它给出了：

@font-face

{

  font-family:Rating;

  src:url(data:application/x-font-ttf;

  charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjA....)format('woff');

  font-weight:400;

  font-style:normal

}

#milk{

}

.some-class{

}

它不会删除 1's @font-face。

Answer 1

解决了这个问题：工作代码   css = `@font-face{  font-family:Rating;  src:url(data:application/x-font-ttf;  charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjA....)format('woff');  font-weight:400;  font-style:normal}#milk{}@font-face{  p {  }}.some-class{}`css = css.replace(/@font-face[^{]*{([^{}]|{[^{}]*})*}/gi,'')console.log(css)