Skip to content

noDuplicateFontNames

¥Summary

¥How to configure

biome.json
{
"linter": {
"rules": {
"suspicious": {
"noDuplicateFontNames": "error"
}
}
}
}

¥Description

禁止字体系列中的重复名称。

¥Disallow duplicate names within font families.

此规则检查 fontfont-family 属性中是否存在重复的字体名称。

¥This rule checks the font and font-family properties for duplicate font names.

此规则现在忽略 var(—custom-property) 变量语法。

¥This rule ignores var(—custom-property) variable syntaxes now.

¥Examples

¥Invalid

a { font-family: "Lucida Grande", 'Arial', sans-serif, sans-serif; }
code-block.css:1:56 lint/suspicious/noDuplicateFontNames ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Duplicate font names are redundant and unnecessary: sans-serif

> 1 │ a { font-family: “Lucida Grande”, ‘Arial’, sans-serif, sans-serif; }
^^^^^^^^^^
2 │

This is where the duplicate font name is found:

> 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/suspicious/noDuplicateFontNames ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Duplicate font names are redundant and unnecessary: Arial

> 1 │ a { font-family: ‘Arial’, “Lucida Grande”, Arial, sans-serif; }
^^^^^
2 │

This is where the duplicate font name is found:

> 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/suspicious/noDuplicateFontNames ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Duplicate font names are redundant and unnecessary: ” Arial”

> 1 │ a { FONT: italic 300 16px/30px Arial, ” Arial”, serif; }
^^^^^^^^
2 │

This is where the duplicate font name is found:

> 1 │ a { FONT: italic 300 16px/30px Arial, ” Arial”, serif; }
^^^^^
2 │

Remove duplicate font names within the property.

¥Valid

a { font-family: "Lucida Grande", "Arial", sans-serif; }
b { font: normal 14px/32px -apple-system, BlinkMacSystemFont, sans-serif; }
c { font-family: SF Mono, Liberation Mono, sans-serif; }
d { font: 1em SF Mono, Liberation Mono, sans-serif; }

¥Related links