Merge pull request #32 from leonardofaria/improve-fonts

Improve typography

2 files changed, 43 insertions, 3 deletions

diff --git a/assets/css/site.css b/assets/css/site.css
index 084fe8f..d5c0c53 100644
--- a/assets/css/site.css
+++ b/assets/css/site.css
@@ -52,7 +52,7 @@ html {
 .article {
   @apply px-5;
   @apply pb-5;
-  @apply text-gray-500;
+  @apply text-gray-600;
 }
 
 .article__header {
@@ -65,6 +65,10 @@ html {
   @apply mb-4;
 }
 
+.article__content > p:first-of-type {
+  @apply text-2xl;
+}
+
 .article a {
   @apply underline;
   @apply text-gray-700;
@@ -85,6 +89,7 @@ html {
 .article h1 {
   @apply text-5xl;
   @apply font-semibold;
+  @apply tracking-tighter;
   @apply text-gray-700;
 }
 
diff --git a/assets/css/tailwind.config.js b/assets/css/tailwind.config.js
index 6e75cf0..ac6d7f2 100644
--- a/assets/css/tailwind.config.js
+++ b/assets/css/tailwind.config.js
@@ -1,9 +1,44 @@
 module.exports = {
   theme: {
-    extend: {}
+    fontFamily: {
+      sans: [
+        'Inter',
+        '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',
+      ],
+      serif: [
+        'Georgia', 
+        'Cambria', 
+        'Times New Roman', 
+        'Times', 
+        'serif',
+      ],
+      mono: [
+        'Menlo', 
+        'Monaco', 
+        'Consolas', 
+        'Liberation Mono', 
+        'Courier New', 
+        'monospace'
+      ]
+    },
   },
   variants: {},
   plugins: [
     require('@tailwindcss/ui'),
-  ]
+  ],
+  future: {
+    removeDeprecatedGapUtilities: true,
+  },
 }