noDuplicateFontNames (since v1.8.0)
Diagnostic Category: lint/nursery/noDuplicateFontNames
Sources:
Disallow duplicate names within font families.
This rule checks the font and font-family properties for duplicate font names.
This rule ignores var(—custom-property) variable syntaxes now.
Examples
Section titled ExamplesInvalid
Section titled Invalida { font-family: "Lucida Grande", 'Arial', sans-serif, sans-serif; }code-block.css:1:56 lint/nursery/noDuplicateFontNames ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Duplicate font names are redundant and unnecessary: sans-serif
> 1 │ a { font-family: "Lucida Grande", 'Arial', sans-serif, sans-serif; }
│ ^^^^^^^^^^
2 │
ℹ Remove duplicate font names within the property
a { font-family: 'Arial', "Lucida Grande", Arial, sans-serif; }code-block.css:1:44 lint/nursery/noDuplicateFontNames ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Duplicate font names are redundant and unnecessary: Arial
> 1 │ a { font-family: 'Arial', "Lucida Grande", Arial, sans-serif; }
│ ^^^^^
2 │
ℹ Remove duplicate font names within the property
a { FONT: italic 300 16px/30px Arial, " Arial", serif; }code-block.css:1:39 lint/nursery/noDuplicateFontNames ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Duplicate font names are redundant and unnecessary: Arial
> 1 │ a { FONT: italic 300 16px/30px Arial, " Arial", serif; }
│ ^^^^^^^^
2 │
ℹ Remove duplicate font names within the property
Valid
Section titled Valida { font-family: "Lucida Grande", "Arial", sans-serif; }b { font: normal 14px/32px -apple-system, BlinkMacSystemFont, sans-serif; }