Merge pull request #41 from GetStream/remove-font-loading-with-google-fonts

fix: replace font loading from google by the default system stack

Author: petyosi

src/styles/_base.scss

@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,400i,700,700i');
-
 .str-chat {
   box-sizing: border-box;
 
@@ -15,16 +13,6 @@
   clear: both;
 }
 
-// button {
-//   cursor: pointer;
-//   background-color: transparent;
-//   border: none;
-//   padding: 0;
-//   display: flex;
-//   align-items: center;
-//   width: auto;
-// }
-
 .messenger-chat {
   &.str-chat {
     display: flex;

src/styles/_variables.scss

@@ -1,5 +1,9 @@
 /* fonts */
-$main-font: 'IBM Plex Sans', sans-serif;
+/* https://systemfontstack.com/ */
+$system-stack-font: -apple-system, BlinkMacSystemFont, "Segoe UI",
+                    Roboto, Oxygen-Sans, Ubuntu, Cantarell,
+                    "Helvetica Neue", sans-serif;
+$main-font: #{$system-stack-font};
 $second-font: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
 $base-font-weight: 400;