font-family-no-duplicate-names
Disallow duplicate font family names.
font-family: serif, serif; }
a { /** ↑ ↑
* These font family names */
This rule checks the font
and font-family
properties.
This rule ignores $sass
, @less
, and
var(--custom-property)
variable syntaxes.
Caveat: This rule will stumble on unquoted multi-word font names and unquoted font names containing escape sequences. Wrap these font names in quotation marks, and everything should be fine.
Options
true
The following patterns are considered violations:
font-family: 'Times', Times, serif; } a {
font: 1em "Arial", 'Arial', sans-serif; } a {
font: normal 14px/32px -apple-system, BlinkMacSystemFont, sans-serif, sans-serif; } a {
The following patterns are not considered violations:
font-family: Times, serif; } a {
font: 1em "Arial", "sans-serif", sans-serif; } a {
font: normal 14px/32px -apple-system, BlinkMacSystemFont, sans-serif; } a {
Optional secondary options
ignoreFontFamilyNames: ["/regex/", /regex/, "string"]
Given:
["/^My Font /", "monospace"]
The following patterns are not considered violations:
: monospace, monospace font-family
: "My Font Family", "My Font Family", monospace font-family