diff --git a/_data/origin/cors.yml b/_data/origin/cors.yml
index b6c8674205f..614139f8e37 100644
--- a/_data/origin/cors.yml
+++ b/_data/origin/cors.yml
@@ -13,7 +13,7 @@ cdns:
 
 # fonts
 
-webfonts: https://fonts.googleapis.com/css2?family=Lato&family=Source+Sans+Pro:wght@400;600;700;900&display=swap
+webfonts: https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Source+Sans+Pro:wght@400;600;700;900&display=swap
 
 # Libraries
 
diff --git a/_includes/post-description.html b/_includes/post-description.html
new file mode 100644
index 00000000000..6c400360bf3
--- /dev/null
+++ b/_includes/post-description.html
@@ -0,0 +1,16 @@
+{%- comment -%}
+  Get post description or generate it from the post content.
+{%- endcomment -%}
+
+{%- assign max_length = include.max_length | default: 200 -%}
+
+{%- capture description -%}
+{%- if post.description -%}
+  {{- post.description -}}
+{%- else -%}
+  {%- include no-linenos.html content=post.content -%}
+  {{- content | markdownify | strip_html -}}
+{%- endif -%}
+{%- endcapture -%}
+
+{{- description | strip | truncate: max_length | escape -}}
diff --git a/_includes/related-posts.html b/_includes/related-posts.html
index 1ba2f322008..ae39da41f17 100644
--- a/_includes/related-posts.html
+++ b/_includes/related-posts.html
@@ -81,10 +81,7 @@ <h3 class="mb-4" id="related-label">
               {% include datetime.html date=post.date lang=include.lang %}
               <h4 class="pt-0 my-2">{{ post.title }}</h4>
               <div class="text-muted">
-                <p>
-                  {% include no-linenos.html content=post.content %}
-                  {{ content | markdownify | strip_html | truncate: 200 | escape }}
-                </p>
+                <p>{% include post-description.html %}</p>
               </div>
             </div>
           </a>
diff --git a/_layouts/home.html b/_layouts/home.html
index 4cf4c1d5d99..a9f5bd366a7 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -72,10 +72,7 @@
             <h1 class="card-title my-2 mt-md-0">{{ post.title }}</h1>
 
             <div class="card-text content mt-0 mb-3">
-              <p>
-                {% include no-linenos.html content=post.content %}
-                {{ content | markdownify | strip_html | truncate: 200 | escape }}
-              </p>
+              <p>{% include post-description.html %}</p>
             </div>
 
             <div class="post-meta flex-grow-1 d-flex align-items-end">
diff --git a/_layouts/post.html b/_layouts/post.html
index f666d71642c..f17ceea8641 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -14,6 +14,9 @@
 <article class="px-1">
   <header>
     <h1 data-toc-skip>{{ page.title }}</h1>
+    {% if page.description %}
+      <p class="post-desc fw-light mb-4">{{ page.description }}</p>
+    {% endif %}
 
     <div class="post-meta text-muted">
       <!-- published date -->
diff --git a/_sass/layout/post.scss b/_sass/layout/post.scss
index a6dc878cfea..fe960588f6f 100644
--- a/_sass/layout/post.scss
+++ b/_sass/layout/post.scss
@@ -14,19 +14,28 @@
   padding-right: $pr;
 }
 
-h1 + .post-meta {
-  span + span::before {
-    @include dot;
-  }
+header {
+  .post-desc {
+    @extend %heading;
 
-  em,
-  time {
-    @extend %text-highlight;
+    font-size: 1.125rem;
+    line-height: 1.6;
   }
 
-  em {
-    a {
-      color: inherit;
+  .post-meta {
+    span + span::before {
+      @include dot;
+    }
+
+    em,
+    time {
+      @extend %text-highlight;
+    }
+
+    em {
+      a {
+        color: inherit;
+      }
     }
   }
 }
diff --git a/assets/feed.xml b/assets/feed.xml
index a244a566215..0ab20e3be6a 100644
--- a/assets/feed.xml
+++ b/assets/feed.xml
@@ -45,14 +45,7 @@ permalink: /feed.xml
     {% endfor %}
   {% endif %}
 
-  {% if post.summary %}
-    <summary>{{ post.summary | strip }}</summary>
-  {% else %}
-    <summary>
-      {% include no-linenos.html content=post.content %}
-      {{ content  | strip_html | truncate: 400 }}
-    </summary>
-  {% endif %}
+  <summary>{% include post-description.html max_length=400 %}</summary>
 
   </entry>
 {% endfor %}