Skip to content

Lint: quote non-generic font-family values (2) #41470

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
hamishwillee merged 2 commits into from
Oct 13, 2025
Merged

Lint: quote non-generic font-family values (2) #41470

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
314d201
Lint: quote non-generic font-family values (2)
Josh-Cena Oct 11, 2025
3a3ab40
Update files/en-us/web/css/css_transforms/index.md
Josh-Cena Oct 11, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion files/en-us/web/css/animation-range-end/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -110,7 +110,7 @@ The `subject` element and its containing `content` element are styled minimally,

p,
h1 {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
}

h1 {
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/animation-range-start/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -110,7 +110,7 @@ The `subject` element and its containing `content` element are styled minimally,

p,
h1 {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
}

h1 {
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/animation-range/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -164,7 +164,7 @@ The `subject` element and its containing `content` element are styled minimally,

p,
h1 {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
}

h1 {
Expand Down
4 changes: 2 additions & 2 deletions files/en-us/web/css/animation-timeline/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -297,7 +297,7 @@ The `subject` element and its containing `content` element are styled minimally,

p,
h1 {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
}

h1 {
Expand Down Expand Up @@ -406,7 +406,7 @@ The `subject` element and its containing `content` element are styled minimally,

p,
h1 {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
}

h1 {
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/border-radius/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -347,7 +347,7 @@ We give the box some basic styles, which we've hidden for brevity. We also apply

```css hidden live-sample___basic-usage
body {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 240px;
margin: 20px auto;
}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/break-after/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -220,7 +220,7 @@ By default, the subheadings and paragraphs were laid out rather messily because

```css
html {
font-family: helvetica, arial, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
}

h1 {
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/break-before/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -220,7 +220,7 @@ By default, the subheadings and paragraphs were laid out rather messily because

```css
html {
font-family: helvetica, arial, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
}

h1 {
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/break-inside/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -168,7 +168,7 @@ By default, it is possible for you to get a break between the image and its capt

```css
html {
font-family: helvetica, arial, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
}

body {
Expand Down
8 changes: 4 additions & 4 deletions files/en-us/web/css/calc-size/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -203,7 +203,7 @@ The HTML contains a single {{htmlelement("section")}} element that contains some
}

section {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
border: 1px solid black;
}

Expand Down Expand Up @@ -275,7 +275,7 @@ The HTML contains a single {{htmlelement("section")}} element with [`tabindex="0
}

section {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 175px;
border-radius: 5px;
background: #eeeeee;
Expand Down Expand Up @@ -379,7 +379,7 @@ body {

section {
margin-top: 20px;
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
background: #eeeeee;
border: 2px solid #cccccc;
padding: 0 20px;
Expand Down Expand Up @@ -505,7 +505,7 @@ body {
form {
margin-top: 20px;
padding: 20px;
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
background: #eeeeee;
border: 2px solid #cccccc;
}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/corner-block-end-shape/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ We give the box some basic styles, which we've hidden for brevity. We also apply

```css hidden live-sample___basic-usage
body {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 240px;
margin: 20px auto;
}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/corner-block-start-shape/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ We give the box some basic styles, which we've hidden for brevity. We also apply

```css hidden live-sample___basic-usage
body {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 240px;
margin: 20px auto;
}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/corner-bottom-left-shape/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ We give the box some basic styles, which we've hidden for brevity. We also apply

```css hidden live-sample___basic-usage
body {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 240px;
margin: 20px auto;
}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/corner-bottom-right-shape/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ We give the box some basic styles, which we've hidden for brevity. We also apply

```css hidden live-sample___basic-usage
body {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 240px;
margin: 20px auto;
}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/corner-bottom-shape/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ We give the box some basic styles, which we've hidden for brevity. We also apply

```css hidden live-sample___basic-usage
body {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 240px;
margin: 20px auto;
}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/corner-end-end-shape/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ We give the box some basic styles, which we've hidden for brevity. We also apply

```css hidden live-sample___basic-usage
body {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 240px;
margin: 20px auto;
}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/corner-end-start-shape/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ We give the box some basic styles, which we've hidden for brevity. We also apply

```css hidden live-sample___basic-usage
body {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 240px;
margin: 20px auto;
}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/corner-inline-end-shape/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ We give the box some basic styles, which we've hidden for brevity. We also apply

```css hidden live-sample___basic-usage
body {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 240px;
margin: 20px auto;
}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/corner-inline-start-shape/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ We give the box some basic styles, which we've hidden for brevity. We also apply

```css hidden live-sample___basic-usage
body {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 240px;
margin: 20px auto;
}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/corner-left-shape/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ We give the box some basic styles, which we've hidden for brevity. We also apply

```css hidden live-sample___basic-usage
body {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 240px;
margin: 20px auto;
}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/corner-right-shape/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ We give the box some basic styles, which we've hidden for brevity. We also apply

```css hidden live-sample___basic-usage
body {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 240px;
margin: 20px auto;
}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/corner-shape-value/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@ The `corner-shape` property defines the shape of the box's corners while the reg

```css hidden live-sample___value-comparison
html {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
}

body {
Expand Down
8 changes: 4 additions & 4 deletions files/en-us/web/css/corner-shape/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -156,7 +156,7 @@ We give the box a fixed {{cssxref("height")}}, a {{cssxref("box-shadow")}}, a `b

```css hidden live-sample___basic-corner-shape
body {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 240px;
margin: 20px auto;
}
Expand Down Expand Up @@ -245,7 +245,7 @@ html {
}

body {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
height: inherit;
margin: 0;
display: flex;
Expand Down Expand Up @@ -361,7 +361,7 @@ We apply a {{cssxref("box-shadow")}} to the `<section>`. We also give the `<sect

```css hidden live-sample___corner-shape-select
html {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
}

body {
Expand Down Expand Up @@ -490,7 +490,7 @@ We apply a {{cssxref("box-shadow")}} to the `<section>` element. Additional basi

```css hidden live-sample___superellipse-slider
html {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
}

body {
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/corner-start-end-shape/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ We give the box some basic styles, which we've hidden for brevity. We also apply

```css hidden live-sample___basic-usage
body {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 240px;
margin: 20px auto;
}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/corner-start-start-shape/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ We give the box some basic styles, which we've hidden for brevity. We also apply

```css hidden live-sample___basic-usage
body {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 240px;
margin: 20px auto;
}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/corner-top-left-shape/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ We give the box some basic styles, which we've hidden for brevity. We also apply

```css hidden live-sample___basic-usage
body {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 240px;
margin: 20px auto;
}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/corner-top-right-shape/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ We give the box some basic styles, which we've hidden for brevity. We also apply

```css hidden live-sample___basic-usage
body {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 240px;
margin: 20px auto;
}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/corner-top-shape/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ We give the box some basic styles, which we've hidden for brevity. We also apply

```css hidden live-sample___basic-usage
body {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 240px;
margin: 20px auto;
}
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/css_borders_and_box_decorations/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -82,7 +82,7 @@ body:has(input:checked) div {

@layer pageSetUp {
html {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
}
body {
max-width: 600px;
Expand Down
4 changes: 2 additions & 2 deletions files/en-us/web/css/css_cascade/shorthand_properties/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -91,14 +91,14 @@ font-style: italic;
font-weight: bold;
font-size: 0.8em;
line-height: 1.2;
font-family: Arial, sans-serif;
font-family: "Arial", sans-serif;
```

These 5 statements can be shortened to the following:

```css
font:
italic bold 0.8em/1.2 Arial,
italic bold 0.8em/1.2 "Arial",
sans-serif;
```

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/css_colors/color_format_converter/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -163,7 +163,7 @@ dialog {
border-radius: 5px;
box-shadow: 3px 3px 10px rgb(0 0 0 / 0.2);
background-color: white;
font-family: segue, arial, helvetica, sans-serif;
font-family: "Segue", "Helvetica", "Arial", sans-serif;
margin-top: 5vh;
width: 550px;
}
Expand Down
6 changes: 3 additions & 3 deletions files/en-us/web/css/css_conditional_rules/container_scroll-state_queries/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -238,7 +238,7 @@ The `.back-to-top` link is given a {{cssxref("position")}} value of `fixed`, pla
}

html {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
height: 100%;
}

Expand Down Expand Up @@ -487,7 +487,7 @@ The `<section>` elements are designated as snap targets by setting a non-`none`

```css live-sample___snapped
section {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
width: 150px;
height: 150px;
margin: 50px auto;
Expand Down Expand Up @@ -758,7 +758,7 @@ Each `<header>` has a {{cssxref("position")}} value of `sticky` and a {{cssxref(
}

html {
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
height: 100%;
}

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/css/css_generated_content/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -93,7 +93,7 @@ div::before {
font-size: min(6vh, 2rem);
justify-content: center;
display: flex;
font-family: comic-sans, papyrus, sans-serif;
font-family: "Comic Sans", "Papyrus", sans-serif;
}
```

Expand Down
4 changes: 2 additions & 2 deletions files/en-us/web/css/css_overflow/css_carousels/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -81,7 +81,7 @@ The unordered list is made to fill the full width of the viewport with a width {

body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
}

h1 {
Expand Down Expand Up @@ -394,7 +394,7 @@ This example uses [CSS multi-column layout](/en-US/docs/Web/CSS/CSS_multicol_lay

body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-family: "Helvetica", "Arial", sans-serif;
}

h1 {
Expand Down
Loading