From 209b71a83df49220cdb80373f872caf74a2dc879 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Tue, 12 Mar 2019 20:22:12 -0400
Subject: [PATCH] Use system font stack by default instead of sans-serif

---
 __tests__/fixtures/tailwind-output-important.css | 8 ++++++++
 __tests__/fixtures/tailwind-output.css           | 8 ++++++++
 src/plugins/css/preflight.css                    | 8 ++++++++
 3 files changed, 24 insertions(+)

diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index aaf592155..08b505b59 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -421,6 +421,14 @@ ul {
  * Tailwind custom reset styles
  */
 
+/**
+ * Use the system font stack as a sane default.
+ */
+
+html {
+  font-family: -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";
+}
+
 /**
  * Allow adding a border to an element by just adding a border-width.
  *
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 152697799..333aba29d 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -421,6 +421,14 @@ ul {
  * Tailwind custom reset styles
  */
 
+/**
+ * Use the system font stack as a sane default.
+ */
+
+html {
+  font-family: -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";
+}
+
 /**
  * Allow adding a border to an element by just adding a border-width.
  *
diff --git a/src/plugins/css/preflight.css b/src/plugins/css/preflight.css
index d6991b025..55aa2f95d 100644
--- a/src/plugins/css/preflight.css
+++ b/src/plugins/css/preflight.css
@@ -69,6 +69,14 @@ ul {
  * Tailwind custom reset styles
  */
 
+/**
+ * Use the system font stack as a sane default.
+ */
+
+html {
+  font-family: -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";
+}
+
 /**
  * Allow adding a border to an element by just adding a border-width.
  *