mirror of https://github.com/thangisme/notes.git
69 lines
1.3 KiB
Markdown
69 lines
1.3 KiB
Markdown
# font-family-no-duplicate-names
|
|
|
|
Disallow duplicate font family names.
|
|
|
|
```css
|
|
a { font-family: serif, serif; }
|
|
/** ↑ ↑
|
|
* 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 warnings:
|
|
|
|
```css
|
|
a { font-family: 'Times', Times, serif; }
|
|
```
|
|
|
|
```css
|
|
a { font: 1em "Arial", 'Arial', sans-serif; }
|
|
```
|
|
|
|
```css
|
|
a { font: normal 14px/32px -apple-system, BlinkMacSystemFont, sans-serif, sans-serif; }
|
|
```
|
|
|
|
The following patterns are *not* considered warnings:
|
|
|
|
```css
|
|
a { font-family: Times, serif; }
|
|
```
|
|
|
|
```css
|
|
a { font: 1em "Arial", "sans-serif", sans-serif; }
|
|
```
|
|
|
|
```css
|
|
a { font: normal 14px/32px -apple-system, BlinkMacSystemFont, sans-serif; }
|
|
```
|
|
|
|
## Optional secondary options
|
|
|
|
### `ignoreFontFamilyNames: ["/regex/", "string"]`
|
|
|
|
Given:
|
|
|
|
```js
|
|
["/^My Font /", "monospace"]
|
|
```
|
|
|
|
The following patterns are *not* considered warnings:
|
|
|
|
```css
|
|
font-family: monospace, monospace
|
|
```
|
|
|
|
```css
|
|
font-family: "My Font Family", "My Font Family", monospace
|
|
```
|
|
|