Use html selector for font-family

Fixes #70
sindresorhus · Apr 5, 2023 · 3e3db77 · 3e3db77
1 parent 32713e4
commit 3e3db77
Showing 1 changed file with 14 additions and 24 deletions.
diff --git a/modern-normalize.css b/modern-normalize.css
@@ -15,16 +15,20 @@ Use a better box model (opinionated).
 	box-sizing: border-box;
 }
 
-/**
-1. Correct the line height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size (opinionated).
-*/
-
 html {
-	line-height: 1.15; /* 1 */
-	-webkit-text-size-adjust: 100%; /* 2 */
-	-moz-tab-size: 4; /* 3 */
+	/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
+	font-family:
+		system-ui,
+		'Segoe UI',
+		Roboto,
+		Helvetica,
+		Arial,
+		sans-serif,
+		'Apple Color Emoji',
+		'Segoe UI Emoji';
+	line-height: 1.15; /* 1. Correct the line height in all browsers. */
+	-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
+	-moz-tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
 	tab-size: 4; /* 3 */
 }
 
@@ -33,22 +37,8 @@ Sections
 ========
 */
 
-/**
-1. Remove the margin in all browsers.
-2. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
-*/
-
 body {
-	margin: 0; /* 1 */
-	font-family:
-		system-ui,
-		'Segoe UI',
-		Roboto,
-		Helvetica,
-		Arial,
-		sans-serif,
-		'Apple Color Emoji',
-		'Segoe UI Emoji'; /* 2 */
+	margin: 0; /** Remove the margin in all browsers. */
 }
 
 /*