@font-face src:local(".. Black ..") gets replaced with ".. #000 .."

[dr-itz]

Environment

• clean-css@4.2.1
• node.js v10.14.1
• operating system: Windows 7

Configuration options

var CleanCSS = require('clean-css');
new CleanCSS({})

Input CSS

`@font-face {
  font-family: "Some Sans";
  font-weight: bold;
  font-style: italic;
  src: local("Some Sans Black Italic");
}

When local is any string that contains a color name with spaces on both sides of the string, the name gets replaced with the color value. If e.g. it just ends with a color name, the incorrect replacement does not happen.

Actual output CSS

@font-face{font-family:"Some Sans";font-weight:700;font-style:italic;src:local("Some Sans #000 Italic")}

Expected output CSS

@font-face{font-family:"Some Sans";font-weight:700;font-style:italic;src:local("Some Sans Black Italic")}

[Sirius-A]

I am also facing this problem. PR with a suggested fix here #1077

[manniL]

The same problem occurs when you don't have quotes around the font-family, which is also valid CSS (and often the end output from minimizers like cssnano).

 .title { font-family: Some Sans Black }