Repository: tailwindlabs/tailwindcss (ts)

Issue:
New tailwind default fonts override tailwind config
### Describe the problem:

I know about the new 'DEFAULT' setting and I'm having trouble figuring out why the new default fonts show in the 'html' element and my custom font using the defaultTheme show in the 'body' element but they're overwritten.

### Link to a minimal reproduction:

https://github.com/benji014628/portfolio/tree/jakelamb-tailwindv2-alpha
![Screen Shot 2020-10-21 at 11 33 58 AM](https://user-images.githubusercontent.com/44789941/96767414-5c05c600-1391-11eb-8cd2-d16a5ab3f8e8.png)


Pull request:
Set font-family on `body` element
`modern-normalize` sets it on `body` so we need to defeat that. Fixes #2640.


Patch:
diff --git a/src/plugins/css/preflight.css b/src/plugins/css/preflight.css
index bff5bb83..db3f9ad7 100644
--- a/src/plugins/css/preflight.css
+++ b/src/plugins/css/preflight.css
@@ -62,7 +62,7 @@ ul {
  *    to override it to ensure consistency even when using the default theme.
  */
 
-html {
+html, body {
   font-family: theme('fontFamily.sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); /* 1 */
   line-height: 1.5; /* 2 */
 }


Test patch:
diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css
index 227c2336..1d2aef39 100644
--- a/__tests__/fixtures/tailwind-output-flagged.css
+++ b/__tests__/fixtures/tailwind-output-flagged.css
@@ -361,7 +361,7 @@ ul {
  *    to override it to ensure consistency even when using the default theme.
  */
 
-html {
+html, body {
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
   line-height: 1.5; /* 2 */
 }
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index fedf6176..f3acec3d 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -361,7 +361,7 @@ ul {
  *    to override it to ensure consistency even when using the default theme.
  */
 
-html {
+html, body {
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
   line-height: 1.5; /* 2 */
 }
diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css
index 3b76b406..1d8d65c5 100644
--- a/__tests__/fixtures/tailwind-output-no-color-opacity.css
+++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css
@@ -361,7 +361,7 @@ ul {
  *    to override it to ensure consistency even when using the default theme.
  */
 
-html {
+html, body {
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
   line-height: 1.5; /* 2 */
 }
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 227c2336..1d2aef39 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -361,7 +361,7 @@ ul {
  *    to override it to ensure consistency even when using the default theme.
  */
 
-html {
+html, body {
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
   line-height: 1.5; /* 2 */
 }