diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 2d17409f7a..bcd582f9d3 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -113,7 +113,7 @@
         <!-- style sheets -->
         <link rel="stylesheet" href="/css/all.css">
         <link rel="preconnect" href="https://fonts.gstatic.com">
-        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;0,700;1,600&display=swap">
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&display=swap">
 
         <!-- set the color theme -->
         <script src="/js/themes_init.min.js"></script>
diff --git a/layouts/shortcodes/quote.html b/layouts/shortcodes/quote.html
index 422dd43664..308a2a38c1 100644
--- a/layouts/shortcodes/quote.html
+++ b/layouts/shortcodes/quote.html
@@ -1,12 +1,15 @@
-<figure>
+<div>
     <aside class="callout quote">
-        <div class="quote-text">
+        <div class="type">
+            {{ partial "large_icon.html" "callout-quote" }}
+        </div>
+        <div class="content">
             {{- $text := partial "strip_indent.html" (dict "content" .Inner "pos" .Position) -}}
             {{- $text | markdownify -}}
         </div>
 
         {{ with .Get "caption" }}
-            <figcaption class="quote-author">{{.}}</figcaption>
+            <div class="quote-author">{{.}}</div>
         {{ end }}
     </aside>
-</figure>
+</div>
diff --git a/layouts/shortcodes/tip.html b/layouts/shortcodes/tip.html
index 30b528a40e..b4aaf1136d 100644
--- a/layouts/shortcodes/tip.html
+++ b/layouts/shortcodes/tip.html
@@ -1,5 +1,8 @@
 <div>
     <aside class="callout tip">
+        <div class="type">
+            {{ partial "large_icon.html" "callout-tip" }}
+        </div>
         <div class="content">
             {{- $text := partial "strip_indent.html" (dict "content" .Inner "pos" .Position) -}}
             {{- $text | markdownify -}}