Merge pull request #300 from qdrant/articles-font

Articles and docs font

qdrant-landing/themes/qdrant/static/css/_reset.scss

@@ -22,10 +22,10 @@
  ***/
 
 body {
-  font-family: 'SF Pro', 'Open Sans', sans-serif;
+  font-family:'Roboto', 'SF Pro', 'Open Sans', sans-serif;
   font-size:14px;
+  line-height:$line-height-content;
   color: var(--brand-secondary);
-  line-height:1.7em;
   font-weight:400;
   background:#ffffff;
   -webkit-font-smoothing: antialiased;
@@ -98,7 +98,6 @@ textarea{
 
 p{
   position:relative;
-  line-height:1.8em;
 }
 
 .auto-container{

qdrant-landing/themes/qdrant/static/css/_variables.scss

@@ -1,2 +1,11 @@
-$font-family-non-content: 'SF Pro', 'Roboto', sans-serif;
-$font-family-content: 'New York', 'Serif', serif;
+@use "helpers/functions" as lib;
+
+$font-family-non-content: 'Roboto', 'SF Pro', 'Open Sans', sans-serif;
+$font-family-content: 'Roboto', 'Serif', serif;
+$font-size-content: lib.rem(16);
+$line-height-content: lib.rem(28);
+
+$font-weight-base: 400;
+$font-weight-content: 200;
+
+$developer-h1-font-size: 2.25rem;

qdrant-landing/themes/qdrant/static/css/blocks/_article-card.scss

@@ -116,4 +116,11 @@
       text-align: center;
     }
   }
-}
+
+  &_content {
+    .article-card__text {
+      font-size: $font-size-content;
+      line-height: $line-height-content;
+    }
+  }
+}

qdrant-landing/themes/qdrant/static/css/blocks/_article.scss

@@ -49,9 +49,9 @@ article aside[role="status"]:before {
 /*.blog,*/
 .article {
   font-family: $font-family-content;
-  font-size: lib.rem(18);
-  font-weight: 400;
-  line-height: lib.rem(32);
+  font-size: lib.rem($font-size-content);
+  font-weight: 200;
+  line-height: lib.rem(28);
 
   @include mixins.content-reset;
 
@@ -61,8 +61,11 @@ article aside[role="status"]:before {
     }
   }
 
-  p, span, ul, ol, li {
-    font: inherit;
+  p, span, ul, ol, li, td {
+    font-family: $font-family-content;
+    font-size: $font-size-content;
+    line-height: $line-height-content;
+    font-weight: $font-weight-content;
   }
 
   p, ul {
@@ -141,7 +144,7 @@ article aside[role="status"]:before {
     color: var(--brand-dark-gray);
     font-family: $font-family-non-content;
     font-size: 1rem;
-    font-weight: 400;
+    font-weight: 200;
     font-style: normal;
     line-height: lib.rem(17);
   }
@@ -154,10 +157,6 @@ article aside[role="status"]:before {
     border-radius: lib.rem(14);
     overflow: hidden;
 
-    @include media-breakpoint-up(lg) {
-      height: lib.rem(300);
-    }
-
     img {
       width: 100%;
       height: auto;

qdrant-landing/themes/qdrant/static/css/blocks/_documentation.scss

@@ -36,6 +36,14 @@
     p {
       margin-bottom: 0.7rem;
     }
+
+    p, span, ul, ol, li, td {
+      font-family: $font-family-content;
+      font-size: $font-size-content;
+      line-height: $line-height-content;
+      font-weight: $font-weight-content;
+    }
+
   }
 
   &__sidebar-inner {