From ec7b30deb89a29f494c566c78e4660ccc26d7bff Mon Sep 17 00:00:00 2001
From: Moris Zen <moris.pasic@gmail.com>
Date: Wed, 12 Sep 2018 15:32:15 +0200
Subject: [PATCH] SEO - Font changes, slim down size

---
 package.json         |  2 --
 src/layouts/index.js |  3 ---
 src/pages/index.js   |  6 +++---
 src/styles/index.css | 24 ++++++++++++------------
 tailwind.config.js   |  2 --
 yarn.lock            |  8 --------
 6 files changed, 15 insertions(+), 30 deletions(-)

diff --git a/package.json b/package.json
index 36eb8d9..a8d65ce 100644
--- a/package.json
+++ b/package.json
@@ -31,8 +31,6 @@
     "slideout": "^1.0.1",
     "tiny-slider": "^2.8.5",
     "tiny-slider-react": "0.3.4",
-    "typeface-montserrat": "^0.0.54",
-    "typeface-pt-serif": "^0.0.54",
     "vanilla-tilt": "^1.4.1"
   },
   "keywords": [
diff --git a/src/layouts/index.js b/src/layouts/index.js
index bb8d83a..c1d2017 100644
--- a/src/layouts/index.js
+++ b/src/layouts/index.js
@@ -6,9 +6,6 @@ import Header from '../components/Header'
 import Footer from '../components/Footer'
 import SideMenu from '../components/SideMenu'
 
-require('typeface-montserrat')
-require('typeface-pt-serif')
-
 import '../styles/index.css'
 import '../styles/general.css'
 
diff --git a/src/pages/index.js b/src/pages/index.js
index ffea9ac..df5ec12 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -57,7 +57,7 @@ const IndexPage = ({ ...props }) => (
       <section className="container mx-auto max-w-lg text-center mt-16 p-4">
         <SectionIntro
           classes="my-10"
-          h2Classes="text-2xl sm:text-5xl"
+          h2Classes="text-3xl xsm:text-4xl sm:text-5xl"
           headline="Because beautiful code makes our heart pound"
           text="What gets us going is our passion for cutting edge technologies and incredible user experiences. We transform frustrations into features and headaches into highlights. And we do it all through our UX design and development process, by coupling form and function to develop world-class websites and apps for businesses of all sizes and sectors."
         />
@@ -95,7 +95,7 @@ const IndexPage = ({ ...props }) => (
       <section className="bg-saburly-lighter text-center p-4 my-12">
         <div className="my-8 py-8 container mx-auto max-w-lg">
           <SectionIntro
-            h2Classes="text-2xl md:text-5xl"
+            h2Classes="text-3xl xsm:text-4xl sm:text-5xl"
             headline="You'll be in great company"
             text="By thinking big, designing smart and developing fast, we're helping organizations of various sizes bring life to ideas. We're now eager to hear what challenges you have for us."
           />
@@ -163,7 +163,7 @@ const IndexPage = ({ ...props }) => (
 
       <section className="text-center p-4 relative">
         <SectionIntro
-          h2Classes="py-8 text-2xl md:text-5xl"
+          h2Classes="py-8 text-3xl xsm:text-4xl sm:text-5xl"
           headline="Sometimes we have fun & publish"
         />
         <div className="container mx-auto w-full md:flex md:flex-wrap items-stretch w-full">
diff --git a/src/styles/index.css b/src/styles/index.css
index d5ee454..b29f3d4 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -2747,7 +2747,7 @@ table {
 }
 
 .font-sans {
-  font-family: Montserrat, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
 }
 
 .font-text {
@@ -2755,7 +2755,7 @@ table {
 }
 
 .font-serif {
-  font-family: PT Serif, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
+  font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
 }
 
 .font-mono {
@@ -7917,7 +7917,7 @@ table {
   }
 
   .xsm\:font-sans {
-    font-family: Montserrat, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   }
 
   .xsm\:font-text {
@@ -7925,7 +7925,7 @@ table {
   }
 
   .xsm\:font-serif {
-    font-family: PT Serif, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
+    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
   }
 
   .xsm\:font-mono {
@@ -13072,7 +13072,7 @@ table {
   }
 
   .sm\:font-sans {
-    font-family: Montserrat, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   }
 
   .sm\:font-text {
@@ -13080,7 +13080,7 @@ table {
   }
 
   .sm\:font-serif {
-    font-family: PT Serif, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
+    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
   }
 
   .sm\:font-mono {
@@ -18227,7 +18227,7 @@ table {
   }
 
   .md\:font-sans {
-    font-family: Montserrat, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   }
 
   .md\:font-text {
@@ -18235,7 +18235,7 @@ table {
   }
 
   .md\:font-serif {
-    font-family: PT Serif, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
+    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
   }
 
   .md\:font-mono {
@@ -23382,7 +23382,7 @@ table {
   }
 
   .lg\:font-sans {
-    font-family: Montserrat, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   }
 
   .lg\:font-text {
@@ -23390,7 +23390,7 @@ table {
   }
 
   .lg\:font-serif {
-    font-family: PT Serif, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
+    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
   }
 
   .lg\:font-mono {
@@ -28537,7 +28537,7 @@ table {
   }
 
   .xl\:font-sans {
-    font-family: Montserrat, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   }
 
   .xl\:font-text {
@@ -28545,7 +28545,7 @@ table {
   }
 
   .xl\:font-serif {
-    font-family: PT Serif, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
+    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
   }
 
   .xl\:font-mono {
diff --git a/tailwind.config.js b/tailwind.config.js
index 3af8384..34e8628 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -192,7 +192,6 @@ module.exports = {
 
   fonts: {
     sans: [
-      'Montserrat',
       'system-ui',
       'BlinkMacSystemFont',
       '-apple-system',
@@ -221,7 +220,6 @@ module.exports = {
       'sans-serif',
     ],
     serif: [
-      'PT Serif',
       'Constantia',
       'Lucida Bright',
       'Lucidabright',
diff --git a/yarn.lock b/yarn.lock
index 95af967..63a6182 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10346,14 +10346,6 @@ typedarray@^0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
 
-typeface-montserrat@^0.0.54:
-  version "0.0.54"
-  resolved "https://registry.yarnpkg.com/typeface-montserrat/-/typeface-montserrat-0.0.54.tgz#3fc338db6428d73485b75aa7bd2af8c9a55b9ab3"
-
-typeface-pt-serif@^0.0.54:
-  version "0.0.54"
-  resolved "https://registry.yarnpkg.com/typeface-pt-serif/-/typeface-pt-serif-0.0.54.tgz#139269d821f44c675bd3713169808cfc51a07d9e"
-
 ua-parser-js@^0.7.18:
   version "0.7.18"
   resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.18.tgz#a7bfd92f56edfb117083b69e31d2aa8882d4b1ed"