diff --git a/appleton/theme.json b/appleton/theme.json
index cbc99c7007..48995a603a 100644
--- a/appleton/theme.json
+++ b/appleton/theme.json
@@ -28,6 +28,7 @@
 			}
 		},
 		"typography": {
+			"fontFamily": "var:preset|font-family|inter",
 			"fontStyle": "normal",
 			"fontWeight": "400",
 			"fontSize": "var:preset|font-size|small"
@@ -74,24 +75,6 @@
 					"name": "Tertiary"
 				}
 			]
-		},
-		"typography": {
-			"fontFamilies": [
-				{
-					"fontFamily": "\"Inter\", sans-serif",
-					"slug": "body-font",
-					"name": "Body (Inter)",
-					"google": "family=Inter:wght@100..900",
-					"fontSlug": "inter"
-				},
-				{
-					"fontFamily": "\"Inter\", sans-serif",
-					"slug": "heading-font",
-					"name": "Heading (Inter)",
-					"google": "family=Inter:wght@100..900",
-					"fontSlug": "inter"
-				}
-			]
 		}
 	}
 }
diff --git a/arbutus/block-templates/single.html b/arbutus/block-templates/single.html
index d128f82af8..b17e72e827 100644
--- a/arbutus/block-templates/single.html
+++ b/arbutus/block-templates/single.html
@@ -18,7 +18,7 @@
 <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
-<!-- wp:post-comments /--></div>
+<!-- wp:pattern {"slug":"blockbase/comments"} /--></div>
 <!-- /wp:group -->
 
 <!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer-container"} /-->
diff --git a/arbutus/theme.json b/arbutus/theme.json
index 05d5639a91..4eaf002884 100644
--- a/arbutus/theme.json
+++ b/arbutus/theme.json
@@ -45,24 +45,6 @@
 			"gap": {
 				"vertical": "min(40px, 5vw)"
 			}
-		},
-		"typography": {
-			"fontFamilies": [
-				{
-					"fontFamily": "\"Roboto\", sans-serif",
-					"fontSlug": "roboto",
-					"slug": "body-font",
-					"name": "Body (Roboto)",
-					"google": "family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900"
-				},
-				{
-					"fontFamily": "\"Roboto\", sans-serif",
-					"fontSlug": "roboto",
-					"slug": "heading-font",
-					"name": "Headings (Roboto)",
-					"google": "family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900"
-				}
-			]
 		}
 	},
 	"styles": {
@@ -82,6 +64,9 @@
 					"fontSize": "48px"
 				}
 			}
+		},
+		"typography": {
+			"fontFamily": "var:preset|font-family|roboto"
 		}
 	}
 }
diff --git a/attar/theme.json b/attar/theme.json
index 275bad9e54..af1915aba3 100644
--- a/attar/theme.json
+++ b/attar/theme.json
@@ -17,24 +17,6 @@
                 }
             ]
         },
-        "typography": {
-            "fontFamilies": [
-                {
-                    "fontFamily": "\"Inter\", sans-serif",
-                    "slug": "body-font",
-                    "name": "Body (Inter)",
-                    "google": "family=Inter:wght@100..900",
-                    "fontSlug": "inter"
-                },
-                {
-                    "fontFamily": "\"DM Sans\", sans-serif",
-                    "slug": "heading-font",
-                    "name": "Heading (DM Sans)",
-                    "google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700\"",
-                    "fontSlug": "dm-sans"
-                }
-            ]
-        },
         "custom": {
             "color": {
                 "foreground": "var(--wp--preset--color--foreground)",
@@ -44,5 +26,22 @@
                 "tertiary": "var(--wp--preset--color--background)"
             }
         }
+    },
+    "styles": {
+        "blocks": {
+            "core/heading": {
+                "typography": {
+			        "fontFamily": "var:preset|font-family|dm-sans"
+                }
+            },
+            "core/post-title": {
+                "typography": {
+			        "fontFamily": "var:preset|font-family|dm-sans"
+                }
+            }
+        },
+        "typography": {
+			"fontFamily": "var:preset|font-family|inter"
+        }
     }
 }
\ No newline at end of file
diff --git a/bennett/theme.json b/bennett/theme.json
index 9063cb74fa..fc2243d472 100644
--- a/bennett/theme.json
+++ b/bennett/theme.json
@@ -17,24 +17,6 @@
                 }
             ]
         },
-        "typography": {
-            "fontFamilies": [
-                {
-                    "fontFamily": "\"Rubik\", sans-serif",
-                    "slug": "body-font",
-                    "name": "Body (Rubik)",
-                    "google": "family=Rubik:ital,wght@0,300..900;1,300..900",
-                    "fontSlug": "rubik"
-                },
-                {
-                    "fontFamily": "\"Rubik\", sans-serif",
-                    "slug": "heading-font",
-                    "name": "Heading (Rubik)",
-                    "google": "family=Rubik:ital,wght@0,300..900;1,300..900",
-                    "fontSlug": "rubik"
-                }
-            ]
-        },
         "custom": {
             "color": {
                 "foreground": "var(--wp--preset--color--foreground)",
@@ -44,5 +26,10 @@
                 "tertiary": "var(--wp--preset--color--background)"
             }
         }
+    },
+    "styles": {
+        "typography": {
+			"fontFamily": "var:preset|font-family|rubik"
+        }
     }
 }
\ No newline at end of file
diff --git a/blockbase/assets/fonts/arvo/Arvo-Bold.woff2 b/blockbase/assets/fonts/arvo/Arvo-Bold.woff2
new file mode 100644
index 0000000000..5d0f88250f
Binary files /dev/null and b/blockbase/assets/fonts/arvo/Arvo-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/arvo/Arvo-BoldItalic.woff2 b/blockbase/assets/fonts/arvo/Arvo-BoldItalic.woff2
new file mode 100644
index 0000000000..3d30d3b1ea
Binary files /dev/null and b/blockbase/assets/fonts/arvo/Arvo-BoldItalic.woff2 differ
diff --git a/blockbase/assets/fonts/arvo/Arvo-Italic.woff2 b/blockbase/assets/fonts/arvo/Arvo-Italic.woff2
new file mode 100644
index 0000000000..8ffef94a5c
Binary files /dev/null and b/blockbase/assets/fonts/arvo/Arvo-Italic.woff2 differ
diff --git a/blockbase/assets/fonts/arvo/Arvo-Regular.woff2 b/blockbase/assets/fonts/arvo/Arvo-Regular.woff2
new file mode 100644
index 0000000000..cc286d4b3e
Binary files /dev/null and b/blockbase/assets/fonts/arvo/Arvo-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/arvo/OFL.txt b/blockbase/assets/fonts/arvo/OFL.txt
new file mode 100644
index 0000000000..dce7de9f6a
--- /dev/null
+++ b/blockbase/assets/fonts/arvo/OFL.txt
@@ -0,0 +1,93 @@
+Copyright (c) 2010-2013, Anton Koovit (anton@korkork.com), with Reserved Font Name 'Arvo'
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/blockbase/assets/fonts/arvo/font-face.css b/blockbase/assets/fonts/arvo/font-face.css
new file mode 100644
index 0000000000..3c82abde41
--- /dev/null
+++ b/blockbase/assets/fonts/arvo/font-face.css
@@ -0,0 +1,35 @@
+/* latin */
+@font-face {
+	font-family: 'Arvo';
+	font-style: italic;
+	font-weight: 400;
+	src: url(./Arvo-Italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Arvo';
+	font-style: italic;
+	font-weight: 700;
+	src: url(./Arvo-BoldItalic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Arvo';
+	font-style: normal;
+	font-weight: 400;
+	src: url(./Arvo-Regular.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Arvo';
+	font-style: normal;
+	font-weight: 700;
+	src: url(./Arvo-Bold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/bodoni-moda/bodoni-moda-400-900-italic.woff2 b/blockbase/assets/fonts/bodoni-moda/bodoni-moda-400-900-italic.woff2
new file mode 100644
index 0000000000..b679a4c61b
Binary files /dev/null and b/blockbase/assets/fonts/bodoni-moda/bodoni-moda-400-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/bodoni-moda/bodoni-moda-400-900.woff2 b/blockbase/assets/fonts/bodoni-moda/bodoni-moda-400-900.woff2
new file mode 100644
index 0000000000..57a153cc54
Binary files /dev/null and b/blockbase/assets/fonts/bodoni-moda/bodoni-moda-400-900.woff2 differ
diff --git a/blockbase/assets/fonts/bodoni-moda/bodoni-moda-latin-ext-400-900-italic.woff2 b/blockbase/assets/fonts/bodoni-moda/bodoni-moda-latin-ext-400-900-italic.woff2
new file mode 100644
index 0000000000..e4cab32900
Binary files /dev/null and b/blockbase/assets/fonts/bodoni-moda/bodoni-moda-latin-ext-400-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/bodoni-moda/bodoni-moda-latin-ext-400-900.woff2 b/blockbase/assets/fonts/bodoni-moda/bodoni-moda-latin-ext-400-900.woff2
new file mode 100644
index 0000000000..eac7a28441
Binary files /dev/null and b/blockbase/assets/fonts/bodoni-moda/bodoni-moda-latin-ext-400-900.woff2 differ
diff --git a/blockbase/assets/fonts/bodoni-moda/font-face.css b/blockbase/assets/fonts/bodoni-moda/font-face.css
new file mode 100644
index 0000000000..596ac00809
--- /dev/null
+++ b/blockbase/assets/fonts/bodoni-moda/font-face.css
@@ -0,0 +1,32 @@
+/* latin-ext */
+@font-face {
+  font-family: 'Bodoni Moda';
+  font-style: italic;
+  font-weight: 400 900;
+  src: url(./bodoni-moda-latin-ext-400-900-italic.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Bodoni Moda';
+  font-style: italic;
+  font-weight: 400 900;
+  src: url(./bodoni-moda-400-900-italic.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Bodoni Moda';
+  font-style: normal;
+  font-weight: 400 900;
+  src: url(./bodoni-moda-latin-ext-400-900.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Bodoni Moda';
+  font-style: normal;
+  font-weight: 400 900;
+  src: url(./bodoni-moda-400-900.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/cabin/cabin-400-700-italic.woff2 b/blockbase/assets/fonts/cabin/cabin-400-700-italic.woff2
new file mode 100644
index 0000000000..a016144bd5
Binary files /dev/null and b/blockbase/assets/fonts/cabin/cabin-400-700-italic.woff2 differ
diff --git a/blockbase/assets/fonts/cabin/cabin-400-700.woff2 b/blockbase/assets/fonts/cabin/cabin-400-700.woff2
new file mode 100644
index 0000000000..950f857d19
Binary files /dev/null and b/blockbase/assets/fonts/cabin/cabin-400-700.woff2 differ
diff --git a/blockbase/assets/fonts/cabin/cabin-latin-ext-400-700-italic.woff2 b/blockbase/assets/fonts/cabin/cabin-latin-ext-400-700-italic.woff2
new file mode 100644
index 0000000000..492f164fe7
Binary files /dev/null and b/blockbase/assets/fonts/cabin/cabin-latin-ext-400-700-italic.woff2 differ
diff --git a/blockbase/assets/fonts/cabin/cabin-latin-ext-400-700.woff2 b/blockbase/assets/fonts/cabin/cabin-latin-ext-400-700.woff2
new file mode 100644
index 0000000000..409087f124
Binary files /dev/null and b/blockbase/assets/fonts/cabin/cabin-latin-ext-400-700.woff2 differ
diff --git a/blockbase/assets/fonts/cabin/cabin-vietnamese-400-700-italic.woff2 b/blockbase/assets/fonts/cabin/cabin-vietnamese-400-700-italic.woff2
new file mode 100644
index 0000000000..6f1b180a7d
Binary files /dev/null and b/blockbase/assets/fonts/cabin/cabin-vietnamese-400-700-italic.woff2 differ
diff --git a/blockbase/assets/fonts/cabin/cabin-vietnamese-400-700.woff2 b/blockbase/assets/fonts/cabin/cabin-vietnamese-400-700.woff2
new file mode 100644
index 0000000000..198b239385
Binary files /dev/null and b/blockbase/assets/fonts/cabin/cabin-vietnamese-400-700.woff2 differ
diff --git a/blockbase/assets/fonts/cabin/font-face.css b/blockbase/assets/fonts/cabin/font-face.css
new file mode 100644
index 0000000000..9e8b6ae01d
--- /dev/null
+++ b/blockbase/assets/fonts/cabin/font-face.css
@@ -0,0 +1,54 @@
+/* vietnamese */
+@font-face {
+	font-family: 'Cabin';
+	font-style: italic;
+	font-weight: 400 700;
+	font-stretch: 100%;
+	src: url(./cabin-vietnamese-400-700-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+      }
+      /* latin-ext */
+      @font-face {
+	font-family: 'Cabin';
+	font-style: italic;
+	font-weight: 400 700;
+	font-stretch: 100%;
+	src: url(./cabin-latin-ext-400-700-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+      }
+      /* latin */
+      @font-face {
+	font-family: 'Cabin';
+	font-style: italic;
+	font-weight: 400 700;
+	font-stretch: 100%;
+	src: url(./cabin-400-700-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+      }
+      /* vietnamese */
+      @font-face {
+	font-family: 'Cabin';
+	font-style: normal;
+	font-weight: 400 700;
+	font-stretch: 100%;
+	src: url(./cabin-vietnamese-400-700.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+      }
+      /* latin-ext */
+      @font-face {
+	font-family: 'Cabin';
+	font-style: normal;
+	font-weight: 400 700;
+	font-stretch: 100%;
+	src: url(./cabin-latin-ext-400-700.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+      }
+      /* latin */
+      @font-face {
+	font-family: 'Cabin';
+	font-style: normal;
+	font-weight: 400 700;
+	font-stretch: 100%;
+	src: url(./cabin-400-700.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+      }
\ No newline at end of file
diff --git a/blockbase/assets/fonts/chivo/chivo-Black-italic.woff2 b/blockbase/assets/fonts/chivo/chivo-Black-italic.woff2
new file mode 100644
index 0000000000..b6a9a2401d
Binary files /dev/null and b/blockbase/assets/fonts/chivo/chivo-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/chivo/chivo-Black.woff2 b/blockbase/assets/fonts/chivo/chivo-Black.woff2
new file mode 100644
index 0000000000..97665d5b08
Binary files /dev/null and b/blockbase/assets/fonts/chivo/chivo-Black.woff2 differ
diff --git a/blockbase/assets/fonts/chivo/chivo-Bold-italic.woff2 b/blockbase/assets/fonts/chivo/chivo-Bold-italic.woff2
new file mode 100644
index 0000000000..7e42e3be3f
Binary files /dev/null and b/blockbase/assets/fonts/chivo/chivo-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/chivo/chivo-Bold.woff2 b/blockbase/assets/fonts/chivo/chivo-Bold.woff2
new file mode 100644
index 0000000000..ee5070ea7b
Binary files /dev/null and b/blockbase/assets/fonts/chivo/chivo-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/chivo/chivo-Light-italic.woff2 b/blockbase/assets/fonts/chivo/chivo-Light-italic.woff2
new file mode 100644
index 0000000000..63fb8e70eb
Binary files /dev/null and b/blockbase/assets/fonts/chivo/chivo-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/chivo/chivo-Light.woff2 b/blockbase/assets/fonts/chivo/chivo-Light.woff2
new file mode 100644
index 0000000000..254f38a14c
Binary files /dev/null and b/blockbase/assets/fonts/chivo/chivo-Light.woff2 differ
diff --git a/blockbase/assets/fonts/chivo/chivo-Regular-italic.woff2 b/blockbase/assets/fonts/chivo/chivo-Regular-italic.woff2
new file mode 100644
index 0000000000..ea72d59f41
Binary files /dev/null and b/blockbase/assets/fonts/chivo/chivo-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/chivo/chivo-Regular.woff2 b/blockbase/assets/fonts/chivo/chivo-Regular.woff2
new file mode 100644
index 0000000000..4bafd86a5a
Binary files /dev/null and b/blockbase/assets/fonts/chivo/chivo-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/chivo/chivo-latin-ext-Black-italic.woff2 b/blockbase/assets/fonts/chivo/chivo-latin-ext-Black-italic.woff2
new file mode 100644
index 0000000000..f91a2d67c3
Binary files /dev/null and b/blockbase/assets/fonts/chivo/chivo-latin-ext-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/chivo/chivo-latin-ext-Black.woff2 b/blockbase/assets/fonts/chivo/chivo-latin-ext-Black.woff2
new file mode 100644
index 0000000000..c6608b46d4
Binary files /dev/null and b/blockbase/assets/fonts/chivo/chivo-latin-ext-Black.woff2 differ
diff --git a/blockbase/assets/fonts/chivo/chivo-latin-ext-Bold-italic.woff2 b/blockbase/assets/fonts/chivo/chivo-latin-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..3618c6de3f
Binary files /dev/null and b/blockbase/assets/fonts/chivo/chivo-latin-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/chivo/chivo-latin-ext-Bold.woff2 b/blockbase/assets/fonts/chivo/chivo-latin-ext-Bold.woff2
new file mode 100644
index 0000000000..2527d06acf
Binary files /dev/null and b/blockbase/assets/fonts/chivo/chivo-latin-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/chivo/chivo-latin-ext-Light-italic.woff2 b/blockbase/assets/fonts/chivo/chivo-latin-ext-Light-italic.woff2
new file mode 100644
index 0000000000..47bdc592b1
Binary files /dev/null and b/blockbase/assets/fonts/chivo/chivo-latin-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/chivo/chivo-latin-ext-Light.woff2 b/blockbase/assets/fonts/chivo/chivo-latin-ext-Light.woff2
new file mode 100644
index 0000000000..659170706e
Binary files /dev/null and b/blockbase/assets/fonts/chivo/chivo-latin-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/chivo/chivo-latin-ext-Regular-italic.woff2 b/blockbase/assets/fonts/chivo/chivo-latin-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..60ae3fd081
Binary files /dev/null and b/blockbase/assets/fonts/chivo/chivo-latin-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/chivo/chivo-latin-ext-Regular.woff2 b/blockbase/assets/fonts/chivo/chivo-latin-ext-Regular.woff2
new file mode 100644
index 0000000000..e2b885c5ce
Binary files /dev/null and b/blockbase/assets/fonts/chivo/chivo-latin-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/chivo/font-face.css b/blockbase/assets/fonts/chivo/font-face.css
new file mode 100644
index 0000000000..10013d55c0
--- /dev/null
+++ b/blockbase/assets/fonts/chivo/font-face.css
@@ -0,0 +1,159 @@
+/* latin-ext */
+@font-face {
+	font-family: 'Chivo';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./chivo-latin-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Chivo';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./chivo-Light-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Chivo';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./chivo-latin-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Chivo';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./chivo-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Chivo';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./chivo-latin-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Chivo';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./chivo-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Chivo';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./chivo-latin-ext-Black-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Chivo';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./chivo-Black-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Chivo';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./chivo-latin-ext-Light.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Chivo';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./chivo-Light.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Chivo';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./chivo-latin-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Chivo';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./chivo-Regular.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Chivo';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./chivo-latin-ext-Bold.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Chivo';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./chivo-Bold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Chivo';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./chivo-latin-ext-Black.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Chivo';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./chivo-Black.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/courier-prime/courier-prime-Bold-italic.woff2 b/blockbase/assets/fonts/courier-prime/courier-prime-Bold-italic.woff2
new file mode 100644
index 0000000000..d84194282b
Binary files /dev/null and b/blockbase/assets/fonts/courier-prime/courier-prime-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/courier-prime/courier-prime-Bold.woff2 b/blockbase/assets/fonts/courier-prime/courier-prime-Bold.woff2
new file mode 100644
index 0000000000..748fe39d40
Binary files /dev/null and b/blockbase/assets/fonts/courier-prime/courier-prime-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/courier-prime/courier-prime-Regular-italic.woff2 b/blockbase/assets/fonts/courier-prime/courier-prime-Regular-italic.woff2
new file mode 100644
index 0000000000..f4e677a2e5
Binary files /dev/null and b/blockbase/assets/fonts/courier-prime/courier-prime-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/courier-prime/courier-prime-Regular.woff2 b/blockbase/assets/fonts/courier-prime/courier-prime-Regular.woff2
new file mode 100644
index 0000000000..a286a3df09
Binary files /dev/null and b/blockbase/assets/fonts/courier-prime/courier-prime-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/courier-prime/courier-prime-latin-ext-Bold-italic.woff2 b/blockbase/assets/fonts/courier-prime/courier-prime-latin-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..18e585f528
Binary files /dev/null and b/blockbase/assets/fonts/courier-prime/courier-prime-latin-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/courier-prime/courier-prime-latin-ext-Bold.woff2 b/blockbase/assets/fonts/courier-prime/courier-prime-latin-ext-Bold.woff2
new file mode 100644
index 0000000000..73d8461b54
Binary files /dev/null and b/blockbase/assets/fonts/courier-prime/courier-prime-latin-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/courier-prime/courier-prime-latin-ext-Regular-italic.woff2 b/blockbase/assets/fonts/courier-prime/courier-prime-latin-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..803a09f7f9
Binary files /dev/null and b/blockbase/assets/fonts/courier-prime/courier-prime-latin-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/courier-prime/courier-prime-latin-ext-Regular.woff2 b/blockbase/assets/fonts/courier-prime/courier-prime-latin-ext-Regular.woff2
new file mode 100644
index 0000000000..ba31aee460
Binary files /dev/null and b/blockbase/assets/fonts/courier-prime/courier-prime-latin-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/courier-prime/font-face.css b/blockbase/assets/fonts/courier-prime/font-face.css
new file mode 100644
index 0000000000..7db7a5773b
--- /dev/null
+++ b/blockbase/assets/fonts/courier-prime/font-face.css
@@ -0,0 +1,71 @@
+/* latin-ext */
+@font-face {
+	font-family: 'Courier Prime';
+	font-style: italic;
+	font-weight: 400;
+	src: url(./courier-prime-latin-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Courier Prime';
+	font-style: italic;
+	font-weight: 400;
+	src: url(./courier-prime-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Courier Prime';
+	font-style: italic;
+	font-weight: 700;
+	src: url(./courier-prime-latin-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Courier Prime';
+	font-style: italic;
+	font-weight: 700;
+	src: url(./courier-prime-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Courier Prime';
+	font-style: normal;
+	font-weight: 400;
+	src: url(./courier-prime-latin-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Courier Prime';
+	font-style: normal;
+	font-weight: 400;
+	src: url(./courier-prime-Regular.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Courier Prime';
+	font-style: normal;
+	font-weight: 700;
+	src: url(./courier-prime-latin-ext-Bold.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Courier Prime';
+	font-style: normal;
+	font-weight: 700;
+	src: url(./courier-prime-Bold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/dm-sans/dm-sans-Bold-italic.woff2 b/blockbase/assets/fonts/dm-sans/dm-sans-Bold-italic.woff2
new file mode 100644
index 0000000000..ad43b49810
Binary files /dev/null and b/blockbase/assets/fonts/dm-sans/dm-sans-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/dm-sans/dm-sans-Bold.woff2 b/blockbase/assets/fonts/dm-sans/dm-sans-Bold.woff2
new file mode 100644
index 0000000000..641eef0f0d
Binary files /dev/null and b/blockbase/assets/fonts/dm-sans/dm-sans-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/dm-sans/dm-sans-Medium-italic.woff2 b/blockbase/assets/fonts/dm-sans/dm-sans-Medium-italic.woff2
new file mode 100644
index 0000000000..15addbf581
Binary files /dev/null and b/blockbase/assets/fonts/dm-sans/dm-sans-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/dm-sans/dm-sans-Medium.woff2 b/blockbase/assets/fonts/dm-sans/dm-sans-Medium.woff2
new file mode 100644
index 0000000000..185e5beb5a
Binary files /dev/null and b/blockbase/assets/fonts/dm-sans/dm-sans-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/dm-sans/dm-sans-Regular-italic.woff2 b/blockbase/assets/fonts/dm-sans/dm-sans-Regular-italic.woff2
new file mode 100644
index 0000000000..bdd4289bb0
Binary files /dev/null and b/blockbase/assets/fonts/dm-sans/dm-sans-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/dm-sans/dm-sans-Regular.woff2 b/blockbase/assets/fonts/dm-sans/dm-sans-Regular.woff2
new file mode 100644
index 0000000000..a358ff373c
Binary files /dev/null and b/blockbase/assets/fonts/dm-sans/dm-sans-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/dm-sans/dm-sans-latin-ext-Bold-italic.woff2 b/blockbase/assets/fonts/dm-sans/dm-sans-latin-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..d7dbe44f50
Binary files /dev/null and b/blockbase/assets/fonts/dm-sans/dm-sans-latin-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/dm-sans/dm-sans-latin-ext-Bold.woff2 b/blockbase/assets/fonts/dm-sans/dm-sans-latin-ext-Bold.woff2
new file mode 100644
index 0000000000..35d3bae322
Binary files /dev/null and b/blockbase/assets/fonts/dm-sans/dm-sans-latin-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/dm-sans/dm-sans-latin-ext-Medium-italic.woff2 b/blockbase/assets/fonts/dm-sans/dm-sans-latin-ext-Medium-italic.woff2
new file mode 100644
index 0000000000..b51750ea21
Binary files /dev/null and b/blockbase/assets/fonts/dm-sans/dm-sans-latin-ext-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/dm-sans/dm-sans-latin-ext-Medium.woff2 b/blockbase/assets/fonts/dm-sans/dm-sans-latin-ext-Medium.woff2
new file mode 100644
index 0000000000..097777f13a
Binary files /dev/null and b/blockbase/assets/fonts/dm-sans/dm-sans-latin-ext-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/dm-sans/dm-sans-latin-ext-Regular-italic.woff2 b/blockbase/assets/fonts/dm-sans/dm-sans-latin-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..70084a6ddd
Binary files /dev/null and b/blockbase/assets/fonts/dm-sans/dm-sans-latin-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/dm-sans/dm-sans-latin-ext-Regular.woff2 b/blockbase/assets/fonts/dm-sans/dm-sans-latin-ext-Regular.woff2
new file mode 100644
index 0000000000..600275a66d
Binary files /dev/null and b/blockbase/assets/fonts/dm-sans/dm-sans-latin-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/dm-sans/font-face.css b/blockbase/assets/fonts/dm-sans/font-face.css
new file mode 100644
index 0000000000..e554c9c02a
--- /dev/null
+++ b/blockbase/assets/fonts/dm-sans/font-face.css
@@ -0,0 +1,119 @@
+/* latin-ext */
+@font-face {
+	font-family: 'DM Sans';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./dm-sans-latin-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'DM Sans';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./dm-sans-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'DM Sans';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./dm-sans-latin-ext-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'DM Sans';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./dm-sans-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'DM Sans';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./dm-sans-latin-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'DM Sans';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./dm-sans-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'DM Sans';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./dm-sans-latin-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'DM Sans';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./dm-sans-Regular.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'DM Sans';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./dm-sans-latin-ext-Medium.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'DM Sans';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./dm-sans-Medium.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'DM Sans';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./dm-sans-latin-ext-Bold.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'DM Sans';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./dm-sans-Bold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/domine/domine-400-700.woff2 b/blockbase/assets/fonts/domine/domine-400-700.woff2
new file mode 100644
index 0000000000..6fc8f0b541
Binary files /dev/null and b/blockbase/assets/fonts/domine/domine-400-700.woff2 differ
diff --git a/blockbase/assets/fonts/domine/domine-latin-ext-400-700.woff2 b/blockbase/assets/fonts/domine/domine-latin-ext-400-700.woff2
new file mode 100644
index 0000000000..cfe9f71c63
Binary files /dev/null and b/blockbase/assets/fonts/domine/domine-latin-ext-400-700.woff2 differ
diff --git a/blockbase/assets/fonts/domine/font-face.css b/blockbase/assets/fonts/domine/font-face.css
new file mode 100644
index 0000000000..05dc3d8f4a
--- /dev/null
+++ b/blockbase/assets/fonts/domine/font-face.css
@@ -0,0 +1,19 @@
+/* latin-ext */
+@font-face {
+	font-family: 'Domine';
+	font-style: normal;
+	font-weight: 400 700;
+	font-display: swap;
+	src: url(./domine-latin-ext-400-700.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Domine';
+	font-style: normal;
+	font-weight: 400 700;
+	font-display: swap;
+	src: url(./domine-400-700.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/eb-garamond/eb-garamond-400-800-italic.woff2 b/blockbase/assets/fonts/eb-garamond/eb-garamond-400-800-italic.woff2
new file mode 100644
index 0000000000..3b02caa0bb
Binary files /dev/null and b/blockbase/assets/fonts/eb-garamond/eb-garamond-400-800-italic.woff2 differ
diff --git a/blockbase/assets/fonts/eb-garamond/eb-garamond-400-800.woff2 b/blockbase/assets/fonts/eb-garamond/eb-garamond-400-800.woff2
new file mode 100644
index 0000000000..5898e00a10
Binary files /dev/null and b/blockbase/assets/fonts/eb-garamond/eb-garamond-400-800.woff2 differ
diff --git a/blockbase/assets/fonts/eb-garamond/eb-garamond-cyrillic-400-800-italic.woff2 b/blockbase/assets/fonts/eb-garamond/eb-garamond-cyrillic-400-800-italic.woff2
new file mode 100644
index 0000000000..c2e08b71aa
Binary files /dev/null and b/blockbase/assets/fonts/eb-garamond/eb-garamond-cyrillic-400-800-italic.woff2 differ
diff --git a/blockbase/assets/fonts/eb-garamond/eb-garamond-cyrillic-400-800.woff2 b/blockbase/assets/fonts/eb-garamond/eb-garamond-cyrillic-400-800.woff2
new file mode 100644
index 0000000000..0407a93f14
Binary files /dev/null and b/blockbase/assets/fonts/eb-garamond/eb-garamond-cyrillic-400-800.woff2 differ
diff --git a/blockbase/assets/fonts/eb-garamond/eb-garamond-cyrillic-ext-400-800-italic.woff2 b/blockbase/assets/fonts/eb-garamond/eb-garamond-cyrillic-ext-400-800-italic.woff2
new file mode 100644
index 0000000000..f955cc8d52
Binary files /dev/null and b/blockbase/assets/fonts/eb-garamond/eb-garamond-cyrillic-ext-400-800-italic.woff2 differ
diff --git a/blockbase/assets/fonts/eb-garamond/eb-garamond-cyrillic-ext-400-800.woff2 b/blockbase/assets/fonts/eb-garamond/eb-garamond-cyrillic-ext-400-800.woff2
new file mode 100644
index 0000000000..d9de2ee92b
Binary files /dev/null and b/blockbase/assets/fonts/eb-garamond/eb-garamond-cyrillic-ext-400-800.woff2 differ
diff --git a/blockbase/assets/fonts/eb-garamond/eb-garamond-greek-400-800-italic.woff2 b/blockbase/assets/fonts/eb-garamond/eb-garamond-greek-400-800-italic.woff2
new file mode 100644
index 0000000000..96e54219a3
Binary files /dev/null and b/blockbase/assets/fonts/eb-garamond/eb-garamond-greek-400-800-italic.woff2 differ
diff --git a/blockbase/assets/fonts/eb-garamond/eb-garamond-greek-400-800.woff2 b/blockbase/assets/fonts/eb-garamond/eb-garamond-greek-400-800.woff2
new file mode 100644
index 0000000000..50f0bf4804
Binary files /dev/null and b/blockbase/assets/fonts/eb-garamond/eb-garamond-greek-400-800.woff2 differ
diff --git a/blockbase/assets/fonts/eb-garamond/eb-garamond-greek-ext-400-800-italic.woff2 b/blockbase/assets/fonts/eb-garamond/eb-garamond-greek-ext-400-800-italic.woff2
new file mode 100644
index 0000000000..8a228966c9
Binary files /dev/null and b/blockbase/assets/fonts/eb-garamond/eb-garamond-greek-ext-400-800-italic.woff2 differ
diff --git a/blockbase/assets/fonts/eb-garamond/eb-garamond-greek-ext-400-800.woff2 b/blockbase/assets/fonts/eb-garamond/eb-garamond-greek-ext-400-800.woff2
new file mode 100644
index 0000000000..c068fcca37
Binary files /dev/null and b/blockbase/assets/fonts/eb-garamond/eb-garamond-greek-ext-400-800.woff2 differ
diff --git a/blockbase/assets/fonts/eb-garamond/eb-garamond-latin-ext-400-800-italic.woff2 b/blockbase/assets/fonts/eb-garamond/eb-garamond-latin-ext-400-800-italic.woff2
new file mode 100644
index 0000000000..169d4081d6
Binary files /dev/null and b/blockbase/assets/fonts/eb-garamond/eb-garamond-latin-ext-400-800-italic.woff2 differ
diff --git a/blockbase/assets/fonts/eb-garamond/eb-garamond-latin-ext-400-800.woff2 b/blockbase/assets/fonts/eb-garamond/eb-garamond-latin-ext-400-800.woff2
new file mode 100644
index 0000000000..7f2b7a37ce
Binary files /dev/null and b/blockbase/assets/fonts/eb-garamond/eb-garamond-latin-ext-400-800.woff2 differ
diff --git a/blockbase/assets/fonts/eb-garamond/eb-garamond-vietnamese-400-800-italic.woff2 b/blockbase/assets/fonts/eb-garamond/eb-garamond-vietnamese-400-800-italic.woff2
new file mode 100644
index 0000000000..1892509e52
Binary files /dev/null and b/blockbase/assets/fonts/eb-garamond/eb-garamond-vietnamese-400-800-italic.woff2 differ
diff --git a/blockbase/assets/fonts/eb-garamond/eb-garamond-vietnamese-400-800.woff2 b/blockbase/assets/fonts/eb-garamond/eb-garamond-vietnamese-400-800.woff2
new file mode 100644
index 0000000000..6d9dd5b497
Binary files /dev/null and b/blockbase/assets/fonts/eb-garamond/eb-garamond-vietnamese-400-800.woff2 differ
diff --git a/blockbase/assets/fonts/eb-garamond/font-face.css b/blockbase/assets/fonts/eb-garamond/font-face.css
new file mode 100644
index 0000000000..63e772b8e9
--- /dev/null
+++ b/blockbase/assets/fonts/eb-garamond/font-face.css
@@ -0,0 +1,139 @@
+/* cyrillic-ext */
+@font-face {
+	font-family: 'EB Garamond';
+	font-style: italic;
+	font-weight: 400 800;
+	font-display: swap;
+	src: url(./eb-garamond-cyrillic-ext-400-800-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'EB Garamond';
+	font-style: italic;
+	font-weight: 400 800;
+	font-display: swap;
+	src: url(./eb-garamond-cyrillic-400-800-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'EB Garamond';
+	font-style: italic;
+	font-weight: 400 800;
+	font-display: swap;
+	src: url(./eb-garamond-greek-ext-400-800-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'EB Garamond';
+	font-style: italic;
+	font-weight: 400 800;
+	font-display: swap;
+	src: url(./eb-garamond-greek-400-800-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'EB Garamond';
+	font-style: italic;
+	font-weight: 400 800;
+	font-display: swap;
+	src: url(./eb-garamond-vietnamese-400-800-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'EB Garamond';
+	font-style: italic;
+	font-weight: 400 800;
+	font-display: swap;
+	src: url(./eb-garamond-latin-ext-400-800-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'EB Garamond';
+	font-style: italic;
+	font-weight: 400 800;
+	font-display: swap;
+	src: url(./eb-garamond-400-800-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'EB Garamond';
+	font-style: normal;
+	font-weight: 400 800;
+	font-display: swap;
+	src: url(./eb-garamond-cyrillic-ext-400-800.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'EB Garamond';
+	font-style: normal;
+	font-weight: 400 800;
+	font-display: swap;
+	src: url(./eb-garamond-cyrillic-400-800.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'EB Garamond';
+	font-style: normal;
+	font-weight: 400 800;
+	font-display: swap;
+	src: url(./eb-garamond-greek-ext-400-800.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'EB Garamond';
+	font-style: normal;
+	font-weight: 400 800;
+	font-display: swap;
+	src: url(./eb-garamond-greek-400-800.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'EB Garamond';
+	font-style: normal;
+	font-weight: 400 800;
+	font-display: swap;
+	src: url(./eb-garamond-vietnamese-400-800.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'EB Garamond';
+	font-style: normal;
+	font-weight: 400 800;
+	font-display: swap;
+	src: url(./eb-garamond-latin-ext-400-800.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'EB Garamond';
+	font-style: normal;
+	font-weight: 400 800;
+	font-display: swap;
+	src: url(./eb-garamond-400-800.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-Black-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-Black-italic.woff2
new file mode 100644
index 0000000000..c722bc80e4
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-Black.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-Black.woff2
new file mode 100644
index 0000000000..d419c2afe8
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-Black.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-Bold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-Bold-italic.woff2
new file mode 100644
index 0000000000..9d2e537612
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-Bold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-Bold.woff2
new file mode 100644
index 0000000000..283e65b719
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-ExtraBold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-ExtraBold-italic.woff2
new file mode 100644
index 0000000000..cd512e4437
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-ExtraBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-ExtraBold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-ExtraBold.woff2
new file mode 100644
index 0000000000..83424a8713
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-ExtraBold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-ExtraLight-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..8f982873b0
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-ExtraLight.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-ExtraLight.woff2
new file mode 100644
index 0000000000..a96ee36523
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-Light-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-Light-italic.woff2
new file mode 100644
index 0000000000..8d68aea9ca
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-Light.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-Light.woff2
new file mode 100644
index 0000000000..dbac5e9c20
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-Light.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-Medium-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-Medium-italic.woff2
new file mode 100644
index 0000000000..c18d3672b2
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-Medium.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-Medium.woff2
new file mode 100644
index 0000000000..0e6452c558
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-Regular-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-Regular-italic.woff2
new file mode 100644
index 0000000000..409ebe31f0
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-Regular.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-Regular.woff2
new file mode 100644
index 0000000000..45864954e0
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-SemiBold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-SemiBold-italic.woff2
new file mode 100644
index 0000000000..3f12313fc5
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-SemiBold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-SemiBold.woff2
new file mode 100644
index 0000000000..ff0417033c
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-Thin-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-Thin-italic.woff2
new file mode 100644
index 0000000000..aedff86e0e
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-Thin.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-Thin.woff2
new file mode 100644
index 0000000000..1224445188
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Black-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Black-italic.woff2
new file mode 100644
index 0000000000..d126fe3411
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Black.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Black.woff2
new file mode 100644
index 0000000000..5eb042203f
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Black.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Bold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Bold-italic.woff2
new file mode 100644
index 0000000000..6d03a27397
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Bold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Bold.woff2
new file mode 100644
index 0000000000..f900afb641
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ExtraBold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ExtraBold-italic.woff2
new file mode 100644
index 0000000000..d4401f12bb
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ExtraBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ExtraBold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ExtraBold.woff2
new file mode 100644
index 0000000000..50efe88b28
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ExtraBold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ExtraLight-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..bb693081ae
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ExtraLight.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ExtraLight.woff2
new file mode 100644
index 0000000000..e78913d10d
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Light-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Light-italic.woff2
new file mode 100644
index 0000000000..42e8e98e62
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Light.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Light.woff2
new file mode 100644
index 0000000000..1badea4791
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Light.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Medium-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Medium-italic.woff2
new file mode 100644
index 0000000000..db72cf1ff8
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Medium.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Medium.woff2
new file mode 100644
index 0000000000..26c327d8c3
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Regular-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Regular-italic.woff2
new file mode 100644
index 0000000000..7835deb8d3
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Regular.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Regular.woff2
new file mode 100644
index 0000000000..0b183d793b
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-SemiBold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-SemiBold-italic.woff2
new file mode 100644
index 0000000000..1e382f4f1a
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-SemiBold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-SemiBold.woff2
new file mode 100644
index 0000000000..f9a578b3d7
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Thin-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Thin-italic.woff2
new file mode 100644
index 0000000000..42306b5c0b
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Thin.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Thin.woff2
new file mode 100644
index 0000000000..f883edc48f
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Black-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Black-italic.woff2
new file mode 100644
index 0000000000..da99dfa2f9
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Black.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Black.woff2
new file mode 100644
index 0000000000..ff8510f959
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Black.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Bold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..45ff3085bd
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Bold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Bold.woff2
new file mode 100644
index 0000000000..ec8cb0ad49
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-ExtraBold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-ExtraBold-italic.woff2
new file mode 100644
index 0000000000..bf274e275e
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-ExtraBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-ExtraBold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-ExtraBold.woff2
new file mode 100644
index 0000000000..509a7f1277
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-ExtraBold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-ExtraLight-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..ecf425533a
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-ExtraLight.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-ExtraLight.woff2
new file mode 100644
index 0000000000..1fefa023b6
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Light-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Light-italic.woff2
new file mode 100644
index 0000000000..2eb3b3437f
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Light.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Light.woff2
new file mode 100644
index 0000000000..0b72349b70
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Medium-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Medium-italic.woff2
new file mode 100644
index 0000000000..fc1ce50276
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Medium.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Medium.woff2
new file mode 100644
index 0000000000..adf8facb63
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Regular-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..4658acd4af
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Regular.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Regular.woff2
new file mode 100644
index 0000000000..481b97699a
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-SemiBold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-SemiBold-italic.woff2
new file mode 100644
index 0000000000..821c39cc4f
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-SemiBold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-SemiBold.woff2
new file mode 100644
index 0000000000..75a0037e77
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Thin-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Thin-italic.woff2
new file mode 100644
index 0000000000..2da2c9feb0
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Thin.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Thin.woff2
new file mode 100644
index 0000000000..5a878553e4
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-cyrillic-ext-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-Black-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Black-italic.woff2
new file mode 100644
index 0000000000..eaa4fffd21
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-Black.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Black.woff2
new file mode 100644
index 0000000000..8ead637cff
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Black.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-Bold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Bold-italic.woff2
new file mode 100644
index 0000000000..a684871ae4
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-Bold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Bold.woff2
new file mode 100644
index 0000000000..71439ec126
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ExtraBold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ExtraBold-italic.woff2
new file mode 100644
index 0000000000..a5a6bce204
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ExtraBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ExtraBold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ExtraBold.woff2
new file mode 100644
index 0000000000..354cfa0e7b
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ExtraBold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ExtraLight-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..92b62213eb
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ExtraLight.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ExtraLight.woff2
new file mode 100644
index 0000000000..e987864a43
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-Light-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Light-italic.woff2
new file mode 100644
index 0000000000..aca278f7e4
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-Light.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Light.woff2
new file mode 100644
index 0000000000..6d3bf4d9de
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Light.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-Medium-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Medium-italic.woff2
new file mode 100644
index 0000000000..a9cd1d043e
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-Medium.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Medium.woff2
new file mode 100644
index 0000000000..34e5041ea4
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-Regular-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Regular-italic.woff2
new file mode 100644
index 0000000000..8c6223f22c
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-Regular.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Regular.woff2
new file mode 100644
index 0000000000..e7342eb6d7
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-SemiBold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-SemiBold-italic.woff2
new file mode 100644
index 0000000000..b73416096d
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-SemiBold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-SemiBold.woff2
new file mode 100644
index 0000000000..3d85cf0846
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-Thin-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Thin-italic.woff2
new file mode 100644
index 0000000000..fee9f8045f
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-Thin.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Thin.woff2
new file mode 100644
index 0000000000..2b4b277aee
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Black-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Black-italic.woff2
new file mode 100644
index 0000000000..b5a47f9053
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Black.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Black.woff2
new file mode 100644
index 0000000000..fab19c119a
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Black.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Bold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..cec109d88b
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Bold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Bold.woff2
new file mode 100644
index 0000000000..70a0678fbe
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-ExtraBold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-ExtraBold-italic.woff2
new file mode 100644
index 0000000000..288cae51e4
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-ExtraBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-ExtraBold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-ExtraBold.woff2
new file mode 100644
index 0000000000..6e41c686c8
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-ExtraBold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-ExtraLight-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..7333b13ea4
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-ExtraLight.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-ExtraLight.woff2
new file mode 100644
index 0000000000..402098e83f
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Light-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Light-italic.woff2
new file mode 100644
index 0000000000..cdc8524f13
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Light.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Light.woff2
new file mode 100644
index 0000000000..b9575e3615
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Medium-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Medium-italic.woff2
new file mode 100644
index 0000000000..403c5d2f64
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Medium.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Medium.woff2
new file mode 100644
index 0000000000..fe0543d26f
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Regular-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..fbb8c125c8
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Regular.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Regular.woff2
new file mode 100644
index 0000000000..03b9be2517
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-SemiBold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-SemiBold-italic.woff2
new file mode 100644
index 0000000000..21ef4e468b
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-SemiBold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-SemiBold.woff2
new file mode 100644
index 0000000000..c1f3c33d00
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Thin-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Thin-italic.woff2
new file mode 100644
index 0000000000..a01c3e1113
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Thin.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Thin.woff2
new file mode 100644
index 0000000000..45e89cca8a
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-greek-ext-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Black-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Black-italic.woff2
new file mode 100644
index 0000000000..eb9e3d2af4
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Black.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Black.woff2
new file mode 100644
index 0000000000..c8da18c81c
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Black.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Bold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..4a69a9b26c
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Bold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Bold.woff2
new file mode 100644
index 0000000000..e7ba02ae0d
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-ExtraBold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-ExtraBold-italic.woff2
new file mode 100644
index 0000000000..592d405711
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-ExtraBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-ExtraBold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-ExtraBold.woff2
new file mode 100644
index 0000000000..7680381799
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-ExtraBold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-ExtraLight-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..50e2888059
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-ExtraLight.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-ExtraLight.woff2
new file mode 100644
index 0000000000..0aac2902fd
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Light-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Light-italic.woff2
new file mode 100644
index 0000000000..2dcee0e475
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Light.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Light.woff2
new file mode 100644
index 0000000000..b7ed556998
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Medium-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Medium-italic.woff2
new file mode 100644
index 0000000000..6a891799b6
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Medium.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Medium.woff2
new file mode 100644
index 0000000000..1bbc936415
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Regular-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..e2ee98773a
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Regular.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Regular.woff2
new file mode 100644
index 0000000000..40b0b5be34
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-SemiBold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-SemiBold-italic.woff2
new file mode 100644
index 0000000000..33252a81cf
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-SemiBold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-SemiBold.woff2
new file mode 100644
index 0000000000..a6a8c0529e
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Thin-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Thin-italic.woff2
new file mode 100644
index 0000000000..a60ed0a045
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Thin.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Thin.woff2
new file mode 100644
index 0000000000..4f23a81e34
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-latin-ext-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Black-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Black-italic.woff2
new file mode 100644
index 0000000000..b175864470
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Black.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Black.woff2
new file mode 100644
index 0000000000..bdb4d8b92f
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Black.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Bold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Bold-italic.woff2
new file mode 100644
index 0000000000..82de5a7819
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Bold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Bold.woff2
new file mode 100644
index 0000000000..8bcd295b99
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-ExtraBold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-ExtraBold-italic.woff2
new file mode 100644
index 0000000000..d29aa7b3b4
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-ExtraBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-ExtraBold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-ExtraBold.woff2
new file mode 100644
index 0000000000..153cde0b42
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-ExtraBold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-ExtraLight-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..2ffe262f60
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-ExtraLight.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-ExtraLight.woff2
new file mode 100644
index 0000000000..f51b4c08ef
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Light-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Light-italic.woff2
new file mode 100644
index 0000000000..db98a73863
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Light.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Light.woff2
new file mode 100644
index 0000000000..56a0f9254c
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Light.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Medium-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Medium-italic.woff2
new file mode 100644
index 0000000000..b696af0ffa
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Medium.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Medium.woff2
new file mode 100644
index 0000000000..4a35ab791a
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Regular-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Regular-italic.woff2
new file mode 100644
index 0000000000..e5ab09bc7a
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Regular.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Regular.woff2
new file mode 100644
index 0000000000..18474f14a9
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-SemiBold-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-SemiBold-italic.woff2
new file mode 100644
index 0000000000..ecadc036e5
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-SemiBold.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-SemiBold.woff2
new file mode 100644
index 0000000000..0fa6758e11
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Thin-italic.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Thin-italic.woff2
new file mode 100644
index 0000000000..253d786834
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Thin.woff2 b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Thin.woff2
new file mode 100644
index 0000000000..454546022c
Binary files /dev/null and b/blockbase/assets/fonts/fira-sans/fira-sans-vietnamese-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/fira-sans/font-face.css b/blockbase/assets/fonts/fira-sans/font-face.css
new file mode 100644
index 0000000000..244d7ccf06
--- /dev/null
+++ b/blockbase/assets/fonts/fira-sans/font-face.css
@@ -0,0 +1,1259 @@
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./fira-sans-greek-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./fira-sans-greek-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./fira-sans-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./fira-sans-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./fira-sans-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./fira-sans-greek-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./fira-sans-greek-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./fira-sans-vietnamese-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./fira-sans-latin-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./fira-sans-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-Light-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./fira-sans-greek-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./fira-sans-greek-Light-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./fira-sans-vietnamese-Light-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./fira-sans-latin-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./fira-sans-Light-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./fira-sans-greek-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./fira-sans-greek-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./fira-sans-vietnamese-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./fira-sans-latin-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./fira-sans-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ext-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./fira-sans-greek-ext-Medium-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./fira-sans-greek-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./fira-sans-vietnamese-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./fira-sans-latin-ext-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./fira-sans-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ext-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./fira-sans-greek-ext-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./fira-sans-greek-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./fira-sans-vietnamese-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./fira-sans-latin-ext-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./fira-sans-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./fira-sans-greek-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./fira-sans-greek-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./fira-sans-vietnamese-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./fira-sans-latin-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./fira-sans-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ext-ExtraBold-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ExtraBold-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./fira-sans-greek-ext-ExtraBold-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./fira-sans-greek-ExtraBold-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./fira-sans-vietnamese-ExtraBold-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./fira-sans-latin-ext-ExtraBold-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./fira-sans-ExtraBold-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ext-Black-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-Black-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./fira-sans-greek-ext-Black-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./fira-sans-greek-Black-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./fira-sans-vietnamese-Black-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./fira-sans-latin-ext-Black-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./fira-sans-Black-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./fira-sans-greek-ext-Thin.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./fira-sans-greek-Thin.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./fira-sans-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./fira-sans-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./fira-sans-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./fira-sans-greek-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./fira-sans-greek-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./fira-sans-vietnamese-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./fira-sans-latin-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./fira-sans-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ext-Light.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-Light.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./fira-sans-greek-ext-Light.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./fira-sans-greek-Light.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./fira-sans-vietnamese-Light.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./fira-sans-latin-ext-Light.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./fira-sans-Light.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-Regular.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./fira-sans-greek-ext-Regular.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./fira-sans-greek-Regular.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./fira-sans-vietnamese-Regular.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./fira-sans-latin-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./fira-sans-Regular.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ext-Medium.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-Medium.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./fira-sans-greek-ext-Medium.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./fira-sans-greek-Medium.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./fira-sans-vietnamese-Medium.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./fira-sans-latin-ext-Medium.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./fira-sans-Medium.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ext-SemiBold.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-SemiBold.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./fira-sans-greek-ext-SemiBold.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./fira-sans-greek-SemiBold.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./fira-sans-vietnamese-SemiBold.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./fira-sans-latin-ext-SemiBold.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./fira-sans-SemiBold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ext-Bold.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-Bold.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./fira-sans-greek-ext-Bold.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./fira-sans-greek-Bold.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./fira-sans-vietnamese-Bold.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./fira-sans-latin-ext-Bold.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./fira-sans-Bold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ext-ExtraBold.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ExtraBold.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./fira-sans-greek-ext-ExtraBold.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./fira-sans-greek-ExtraBold.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./fira-sans-vietnamese-ExtraBold.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./fira-sans-latin-ext-ExtraBold.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./fira-sans-ExtraBold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-ext-Black.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./fira-sans-cyrillic-Black.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./fira-sans-greek-ext-Black.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./fira-sans-greek-Black.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./fira-sans-vietnamese-Black.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./fira-sans-latin-ext-Black.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Fira Sans';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./fira-sans-Black.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/ibm-plex-mono/font-face.css b/blockbase/assets/fonts/ibm-plex-mono/font-face.css
new file mode 100644
index 0000000000..34f250cfc9
--- /dev/null
+++ b/blockbase/assets/fonts/ibm-plex-mono/font-face.css
@@ -0,0 +1,699 @@
+/* cyrillic-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./ibm-plex-mono-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./ibm-plex-mono-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./ibm-plex-mono-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./ibm-plex-mono-vietnamese-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./ibm-plex-mono-latin-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./ibm-plex-mono-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-Light-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./ibm-plex-mono-vietnamese-Light-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./ibm-plex-mono-latin-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./ibm-plex-mono-Light-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./ibm-plex-mono-vietnamese-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./ibm-plex-mono-latin-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./ibm-plex-mono-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-ext-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./ibm-plex-mono-vietnamese-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./ibm-plex-mono-latin-ext-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./ibm-plex-mono-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-ext-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./ibm-plex-mono-vietnamese-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./ibm-plex-mono-latin-ext-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./ibm-plex-mono-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./ibm-plex-mono-vietnamese-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./ibm-plex-mono-latin-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./ibm-plex-mono-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./ibm-plex-mono-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./ibm-plex-mono-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./ibm-plex-mono-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./ibm-plex-mono-vietnamese-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./ibm-plex-mono-latin-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./ibm-plex-mono-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-ext-Light.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-Light.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./ibm-plex-mono-vietnamese-Light.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./ibm-plex-mono-latin-ext-Light.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./ibm-plex-mono-Light.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-Regular.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./ibm-plex-mono-vietnamese-Regular.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./ibm-plex-mono-latin-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./ibm-plex-mono-Regular.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-ext-Medium.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-Medium.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./ibm-plex-mono-vietnamese-Medium.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./ibm-plex-mono-latin-ext-Medium.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./ibm-plex-mono-Medium.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-ext-SemiBold.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-SemiBold.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./ibm-plex-mono-vietnamese-SemiBold.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./ibm-plex-mono-latin-ext-SemiBold.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./ibm-plex-mono-SemiBold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-ext-Bold.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./ibm-plex-mono-cyrillic-Bold.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./ibm-plex-mono-vietnamese-Bold.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./ibm-plex-mono-latin-ext-Bold.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'IBM Plex Mono';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./ibm-plex-mono-Bold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Bold-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Bold-italic.woff2
new file mode 100644
index 0000000000..aa958687d7
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Bold.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Bold.woff2
new file mode 100644
index 0000000000..675a3012a5
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-ExtraLight-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..20f66493f3
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-ExtraLight.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-ExtraLight.woff2
new file mode 100644
index 0000000000..36ea606c70
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Light-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Light-italic.woff2
new file mode 100644
index 0000000000..a0b907c2d1
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Light.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Light.woff2
new file mode 100644
index 0000000000..429fb52d8d
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Light.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Medium-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Medium-italic.woff2
new file mode 100644
index 0000000000..b2a5de6a0c
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Medium.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Medium.woff2
new file mode 100644
index 0000000000..2524379774
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Regular-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Regular-italic.woff2
new file mode 100644
index 0000000000..22ccbf5773
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Regular.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Regular.woff2
new file mode 100644
index 0000000000..1ca3be9f1b
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-SemiBold-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-SemiBold-italic.woff2
new file mode 100644
index 0000000000..e4b4a51fc4
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-SemiBold.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-SemiBold.woff2
new file mode 100644
index 0000000000..0ef2c7589d
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Thin-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Thin-italic.woff2
new file mode 100644
index 0000000000..adefbbf95b
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Thin.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Thin.woff2
new file mode 100644
index 0000000000..8b329762a7
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Bold-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Bold-italic.woff2
new file mode 100644
index 0000000000..40da2d4dee
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Bold.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Bold.woff2
new file mode 100644
index 0000000000..3474af2204
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ExtraLight-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..1e4bc4c86f
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ExtraLight.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ExtraLight.woff2
new file mode 100644
index 0000000000..ba31ee1049
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Light-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Light-italic.woff2
new file mode 100644
index 0000000000..0e54585f29
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Light.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Light.woff2
new file mode 100644
index 0000000000..42c9763947
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Light.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Medium-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Medium-italic.woff2
new file mode 100644
index 0000000000..fd4fafd3ca
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Medium.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Medium.woff2
new file mode 100644
index 0000000000..133d70c109
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Regular-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Regular-italic.woff2
new file mode 100644
index 0000000000..5cb6cbd000
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Regular.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Regular.woff2
new file mode 100644
index 0000000000..2460be27ed
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-SemiBold-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-SemiBold-italic.woff2
new file mode 100644
index 0000000000..4d96c4f178
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-SemiBold.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-SemiBold.woff2
new file mode 100644
index 0000000000..1a5eb480e1
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Thin-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Thin-italic.woff2
new file mode 100644
index 0000000000..15af3edbda
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Thin.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Thin.woff2
new file mode 100644
index 0000000000..d96714b220
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Bold-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..99db20ac72
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Bold.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Bold.woff2
new file mode 100644
index 0000000000..bae3675cb6
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-ExtraLight-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..41668b9025
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-ExtraLight.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-ExtraLight.woff2
new file mode 100644
index 0000000000..867a5d8bae
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Light-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Light-italic.woff2
new file mode 100644
index 0000000000..f1b7f6b6f4
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Light.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Light.woff2
new file mode 100644
index 0000000000..4dae20e74f
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Medium-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Medium-italic.woff2
new file mode 100644
index 0000000000..68b611df22
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Medium.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Medium.woff2
new file mode 100644
index 0000000000..a3b9b2ffab
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Regular-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..034ca6568f
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Regular.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Regular.woff2
new file mode 100644
index 0000000000..f38049a96e
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-SemiBold-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-SemiBold-italic.woff2
new file mode 100644
index 0000000000..bce160c147
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-SemiBold.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-SemiBold.woff2
new file mode 100644
index 0000000000..2f71fba8bc
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Thin-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Thin-italic.woff2
new file mode 100644
index 0000000000..ce14a70863
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Thin.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Thin.woff2
new file mode 100644
index 0000000000..f84d07a33a
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-cyrillic-ext-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Bold-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..3cd050aeff
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Bold.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Bold.woff2
new file mode 100644
index 0000000000..35959af131
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-ExtraLight-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..7d20a40f31
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-ExtraLight.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-ExtraLight.woff2
new file mode 100644
index 0000000000..ecd3ba6524
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Light-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Light-italic.woff2
new file mode 100644
index 0000000000..82a85a71ab
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Light.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Light.woff2
new file mode 100644
index 0000000000..2c19799215
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Medium-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Medium-italic.woff2
new file mode 100644
index 0000000000..0c742eb3ab
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Medium.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Medium.woff2
new file mode 100644
index 0000000000..713244bf89
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Regular-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..3c7e607fa0
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Regular.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Regular.woff2
new file mode 100644
index 0000000000..11590b5b0f
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-SemiBold-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-SemiBold-italic.woff2
new file mode 100644
index 0000000000..b06708cc8e
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-SemiBold.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-SemiBold.woff2
new file mode 100644
index 0000000000..ca0fe28098
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Thin-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Thin-italic.woff2
new file mode 100644
index 0000000000..c63d32940d
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Thin.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Thin.woff2
new file mode 100644
index 0000000000..d659d60182
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-latin-ext-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Bold-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Bold-italic.woff2
new file mode 100644
index 0000000000..e29d0ce575
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Bold.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Bold.woff2
new file mode 100644
index 0000000000..1a0f6c018f
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-ExtraLight-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..ca2ace072f
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-ExtraLight.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-ExtraLight.woff2
new file mode 100644
index 0000000000..7428d79042
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Light-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Light-italic.woff2
new file mode 100644
index 0000000000..efa12123e0
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Light.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Light.woff2
new file mode 100644
index 0000000000..a02d966575
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Light.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Medium-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Medium-italic.woff2
new file mode 100644
index 0000000000..cb8b1467b6
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Medium.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Medium.woff2
new file mode 100644
index 0000000000..f7d5125d38
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Regular-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Regular-italic.woff2
new file mode 100644
index 0000000000..a5e734696d
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Regular.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Regular.woff2
new file mode 100644
index 0000000000..4239c6bf1d
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-SemiBold-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-SemiBold-italic.woff2
new file mode 100644
index 0000000000..50f1711868
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-SemiBold.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-SemiBold.woff2
new file mode 100644
index 0000000000..3d1b0dfae9
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Thin-italic.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Thin-italic.woff2
new file mode 100644
index 0000000000..03cd14bc32
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Thin.woff2 b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Thin.woff2
new file mode 100644
index 0000000000..5faa0dfa05
Binary files /dev/null and b/blockbase/assets/fonts/ibm-plex-mono/ibm-plex-mono-vietnamese-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/inter/font-face.css b/blockbase/assets/fonts/inter/font-face.css
new file mode 100644
index 0000000000..9d812fb80e
--- /dev/null
+++ b/blockbase/assets/fonts/inter/font-face.css
@@ -0,0 +1,69 @@
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./inter-cyrillic-ext-100-900.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./inter-cyrillic-100-900.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./inter-greek-ext-100-900.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./inter-greek-100-900.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./inter-vietnamese-100-900.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./inter-latin-ext-100-900.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./inter-100-900.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/inter/inter-100-900.woff2 b/blockbase/assets/fonts/inter/inter-100-900.woff2
new file mode 100644
index 0000000000..bc592749cc
Binary files /dev/null and b/blockbase/assets/fonts/inter/inter-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/inter/inter-cyrillic-100-900.woff2 b/blockbase/assets/fonts/inter/inter-cyrillic-100-900.woff2
new file mode 100644
index 0000000000..ef0875ff33
Binary files /dev/null and b/blockbase/assets/fonts/inter/inter-cyrillic-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/inter/inter-cyrillic-ext-100-900.woff2 b/blockbase/assets/fonts/inter/inter-cyrillic-ext-100-900.woff2
new file mode 100644
index 0000000000..40f0cf0ade
Binary files /dev/null and b/blockbase/assets/fonts/inter/inter-cyrillic-ext-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/inter/inter-greek-100-900.woff2 b/blockbase/assets/fonts/inter/inter-greek-100-900.woff2
new file mode 100644
index 0000000000..9d9d51619c
Binary files /dev/null and b/blockbase/assets/fonts/inter/inter-greek-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/inter/inter-greek-ext-100-900.woff2 b/blockbase/assets/fonts/inter/inter-greek-ext-100-900.woff2
new file mode 100644
index 0000000000..c7f59a6456
Binary files /dev/null and b/blockbase/assets/fonts/inter/inter-greek-ext-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/inter/inter-latin-ext-100-900.woff2 b/blockbase/assets/fonts/inter/inter-latin-ext-100-900.woff2
new file mode 100644
index 0000000000..0a8a85fd2a
Binary files /dev/null and b/blockbase/assets/fonts/inter/inter-latin-ext-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/inter/inter-vietnamese-100-900.woff2 b/blockbase/assets/fonts/inter/inter-vietnamese-100-900.woff2
new file mode 100644
index 0000000000..56f9a456a7
Binary files /dev/null and b/blockbase/assets/fonts/inter/inter-vietnamese-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/josefin-sans/font-face.css b/blockbase/assets/fonts/josefin-sans/font-face.css
new file mode 100644
index 0000000000..932b5acbb1
--- /dev/null
+++ b/blockbase/assets/fonts/josefin-sans/font-face.css
@@ -0,0 +1,59 @@
+/* vietnamese */
+@font-face {
+	font-family: 'Josefin Sans';
+	font-style: italic;
+	font-weight: 100 700;
+	font-display: swap;
+	src: url(./josefin-sans-vietnamese-100-700-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Josefin Sans';
+	font-style: italic;
+	font-weight: 100 700;
+	font-display: swap;
+	src: url(./josefin-sans-latin-ext-100-700-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Josefin Sans';
+	font-style: italic;
+	font-weight: 100 700;
+	font-display: swap;
+	src: url(./josefin-sans-100-700-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Josefin Sans';
+	font-style: normal;
+	font-weight: 100 700;
+	font-display: swap;
+	src: url(./josefin-sans-vietnamese-100-700.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Josefin Sans';
+	font-style: normal;
+	font-weight: 100 700;
+	font-display: swap;
+	src: url(./josefin-sans-latin-ext-100-700.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Josefin Sans';
+	font-style: normal;
+	font-weight: 100 700;
+	font-display: swap;
+	src: url(./josefin-sans-100-700.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/josefin-sans/josefin-sans-100-700-italic.woff2 b/blockbase/assets/fonts/josefin-sans/josefin-sans-100-700-italic.woff2
new file mode 100644
index 0000000000..6c5e1e85c2
Binary files /dev/null and b/blockbase/assets/fonts/josefin-sans/josefin-sans-100-700-italic.woff2 differ
diff --git a/blockbase/assets/fonts/josefin-sans/josefin-sans-100-700.woff2 b/blockbase/assets/fonts/josefin-sans/josefin-sans-100-700.woff2
new file mode 100644
index 0000000000..c81c6f4992
Binary files /dev/null and b/blockbase/assets/fonts/josefin-sans/josefin-sans-100-700.woff2 differ
diff --git a/blockbase/assets/fonts/josefin-sans/josefin-sans-latin-ext-100-700-italic.woff2 b/blockbase/assets/fonts/josefin-sans/josefin-sans-latin-ext-100-700-italic.woff2
new file mode 100644
index 0000000000..da34c0e55b
Binary files /dev/null and b/blockbase/assets/fonts/josefin-sans/josefin-sans-latin-ext-100-700-italic.woff2 differ
diff --git a/blockbase/assets/fonts/josefin-sans/josefin-sans-latin-ext-100-700.woff2 b/blockbase/assets/fonts/josefin-sans/josefin-sans-latin-ext-100-700.woff2
new file mode 100644
index 0000000000..979572e8f6
Binary files /dev/null and b/blockbase/assets/fonts/josefin-sans/josefin-sans-latin-ext-100-700.woff2 differ
diff --git a/blockbase/assets/fonts/josefin-sans/josefin-sans-vietnamese-100-700-italic.woff2 b/blockbase/assets/fonts/josefin-sans/josefin-sans-vietnamese-100-700-italic.woff2
new file mode 100644
index 0000000000..8a0515e8de
Binary files /dev/null and b/blockbase/assets/fonts/josefin-sans/josefin-sans-vietnamese-100-700-italic.woff2 differ
diff --git a/blockbase/assets/fonts/josefin-sans/josefin-sans-vietnamese-100-700.woff2 b/blockbase/assets/fonts/josefin-sans/josefin-sans-vietnamese-100-700.woff2
new file mode 100644
index 0000000000..af73157f4b
Binary files /dev/null and b/blockbase/assets/fonts/josefin-sans/josefin-sans-vietnamese-100-700.woff2 differ
diff --git a/blockbase/assets/fonts/libre-baskerville/font-face.css b/blockbase/assets/fonts/libre-baskerville/font-face.css
new file mode 100644
index 0000000000..0f0136d556
--- /dev/null
+++ b/blockbase/assets/fonts/libre-baskerville/font-face.css
@@ -0,0 +1,59 @@
+/* latin-ext */
+@font-face {
+	font-family: 'Libre Baskerville';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./libre-baskerville-latin-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Libre Baskerville';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./libre-baskerville-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Libre Baskerville';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./libre-baskerville-latin-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Libre Baskerville';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./libre-baskerville-Regular.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Libre Baskerville';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./libre-baskerville-latin-ext-Bold.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Libre Baskerville';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./libre-baskerville-Bold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/libre-baskerville/libre-baskerville-Bold.woff2 b/blockbase/assets/fonts/libre-baskerville/libre-baskerville-Bold.woff2
new file mode 100644
index 0000000000..60a81ec2e6
Binary files /dev/null and b/blockbase/assets/fonts/libre-baskerville/libre-baskerville-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/libre-baskerville/libre-baskerville-Regular-italic.woff2 b/blockbase/assets/fonts/libre-baskerville/libre-baskerville-Regular-italic.woff2
new file mode 100644
index 0000000000..ef6c59d087
Binary files /dev/null and b/blockbase/assets/fonts/libre-baskerville/libre-baskerville-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/libre-baskerville/libre-baskerville-Regular.woff2 b/blockbase/assets/fonts/libre-baskerville/libre-baskerville-Regular.woff2
new file mode 100644
index 0000000000..5caf331698
Binary files /dev/null and b/blockbase/assets/fonts/libre-baskerville/libre-baskerville-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/libre-baskerville/libre-baskerville-latin-ext-Bold.woff2 b/blockbase/assets/fonts/libre-baskerville/libre-baskerville-latin-ext-Bold.woff2
new file mode 100644
index 0000000000..91a2d5f37b
Binary files /dev/null and b/blockbase/assets/fonts/libre-baskerville/libre-baskerville-latin-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/libre-baskerville/libre-baskerville-latin-ext-Regular-italic.woff2 b/blockbase/assets/fonts/libre-baskerville/libre-baskerville-latin-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..5d90bc7a2f
Binary files /dev/null and b/blockbase/assets/fonts/libre-baskerville/libre-baskerville-latin-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/libre-baskerville/libre-baskerville-latin-ext-Regular.woff2 b/blockbase/assets/fonts/libre-baskerville/libre-baskerville-latin-ext-Regular.woff2
new file mode 100644
index 0000000000..cd889846a1
Binary files /dev/null and b/blockbase/assets/fonts/libre-baskerville/libre-baskerville-latin-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/libre-franklin/font-face.css b/blockbase/assets/fonts/libre-franklin/font-face.css
new file mode 100644
index 0000000000..501c3cf75e
--- /dev/null
+++ b/blockbase/assets/fonts/libre-franklin/font-face.css
@@ -0,0 +1,59 @@
+/* vietnamese */
+@font-face {
+	font-family: 'Libre Franklin';
+	font-style: italic;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./libre-franklin-vietnamese-100-900-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Libre Franklin';
+	font-style: italic;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./libre-franklin-latin-ext-100-900-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Libre Franklin';
+	font-style: italic;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./libre-franklin-100-900-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Libre Franklin';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./libre-franklin-vietnamese-100-900.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Libre Franklin';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./libre-franklin-latin-ext-100-900.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Libre Franklin';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./libre-franklin-100-900.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/libre-franklin/libre-franklin-100-900-italic.woff2 b/blockbase/assets/fonts/libre-franklin/libre-franklin-100-900-italic.woff2
new file mode 100644
index 0000000000..b710d67c5c
Binary files /dev/null and b/blockbase/assets/fonts/libre-franklin/libre-franklin-100-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/libre-franklin/libre-franklin-100-900.woff2 b/blockbase/assets/fonts/libre-franklin/libre-franklin-100-900.woff2
new file mode 100644
index 0000000000..ad7f3b701b
Binary files /dev/null and b/blockbase/assets/fonts/libre-franklin/libre-franklin-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/libre-franklin/libre-franklin-latin-ext-100-900-italic.woff2 b/blockbase/assets/fonts/libre-franklin/libre-franklin-latin-ext-100-900-italic.woff2
new file mode 100644
index 0000000000..1d54ef7e99
Binary files /dev/null and b/blockbase/assets/fonts/libre-franklin/libre-franklin-latin-ext-100-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/libre-franklin/libre-franklin-latin-ext-100-900.woff2 b/blockbase/assets/fonts/libre-franklin/libre-franklin-latin-ext-100-900.woff2
new file mode 100644
index 0000000000..944c91dcb6
Binary files /dev/null and b/blockbase/assets/fonts/libre-franklin/libre-franklin-latin-ext-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/libre-franklin/libre-franklin-vietnamese-100-900-italic.woff2 b/blockbase/assets/fonts/libre-franklin/libre-franklin-vietnamese-100-900-italic.woff2
new file mode 100644
index 0000000000..d8ef8ad3e5
Binary files /dev/null and b/blockbase/assets/fonts/libre-franklin/libre-franklin-vietnamese-100-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/libre-franklin/libre-franklin-vietnamese-100-900.woff2 b/blockbase/assets/fonts/libre-franklin/libre-franklin-vietnamese-100-900.woff2
new file mode 100644
index 0000000000..092c10590f
Binary files /dev/null and b/blockbase/assets/fonts/libre-franklin/libre-franklin-vietnamese-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/lora/font-face.css b/blockbase/assets/fonts/lora/font-face.css
new file mode 100644
index 0000000000..21234a9c5f
--- /dev/null
+++ b/blockbase/assets/fonts/lora/font-face.css
@@ -0,0 +1,99 @@
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Lora';
+	font-style: italic;
+	font-weight: 400 700;
+	font-display: swap;
+	src: url(./lora-cyrillic-ext-400-700-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Lora';
+	font-style: italic;
+	font-weight: 400 700;
+	font-display: swap;
+	src: url(./lora-cyrillic-400-700-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Lora';
+	font-style: italic;
+	font-weight: 400 700;
+	font-display: swap;
+	src: url(./lora-vietnamese-400-700-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Lora';
+	font-style: italic;
+	font-weight: 400 700;
+	font-display: swap;
+	src: url(./lora-latin-ext-400-700-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Lora';
+	font-style: italic;
+	font-weight: 400 700;
+	font-display: swap;
+	src: url(./lora-400-700-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Lora';
+	font-style: normal;
+	font-weight: 400 700;
+	font-display: swap;
+	src: url(./lora-cyrillic-ext-400-700.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Lora';
+	font-style: normal;
+	font-weight: 400 700;
+	font-display: swap;
+	src: url(./lora-cyrillic-400-700.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Lora';
+	font-style: normal;
+	font-weight: 400 700;
+	font-display: swap;
+	src: url(./lora-vietnamese-400-700.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Lora';
+	font-style: normal;
+	font-weight: 400 700;
+	font-display: swap;
+	src: url(./lora-latin-ext-400-700.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Lora';
+	font-style: normal;
+	font-weight: 400 700;
+	font-display: swap;
+	src: url(./lora-400-700.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/lora/lora-400-700-italic.woff2 b/blockbase/assets/fonts/lora/lora-400-700-italic.woff2
new file mode 100644
index 0000000000..c844816f28
Binary files /dev/null and b/blockbase/assets/fonts/lora/lora-400-700-italic.woff2 differ
diff --git a/blockbase/assets/fonts/lora/lora-400-700.woff2 b/blockbase/assets/fonts/lora/lora-400-700.woff2
new file mode 100644
index 0000000000..a622c07d4c
Binary files /dev/null and b/blockbase/assets/fonts/lora/lora-400-700.woff2 differ
diff --git a/blockbase/assets/fonts/lora/lora-cyrillic-400-700-italic.woff2 b/blockbase/assets/fonts/lora/lora-cyrillic-400-700-italic.woff2
new file mode 100644
index 0000000000..ff41b8b37a
Binary files /dev/null and b/blockbase/assets/fonts/lora/lora-cyrillic-400-700-italic.woff2 differ
diff --git a/blockbase/assets/fonts/lora/lora-cyrillic-400-700.woff2 b/blockbase/assets/fonts/lora/lora-cyrillic-400-700.woff2
new file mode 100644
index 0000000000..59a24d65d1
Binary files /dev/null and b/blockbase/assets/fonts/lora/lora-cyrillic-400-700.woff2 differ
diff --git a/blockbase/assets/fonts/lora/lora-cyrillic-ext-400-700-italic.woff2 b/blockbase/assets/fonts/lora/lora-cyrillic-ext-400-700-italic.woff2
new file mode 100644
index 0000000000..1e96bfbd87
Binary files /dev/null and b/blockbase/assets/fonts/lora/lora-cyrillic-ext-400-700-italic.woff2 differ
diff --git a/blockbase/assets/fonts/lora/lora-cyrillic-ext-400-700.woff2 b/blockbase/assets/fonts/lora/lora-cyrillic-ext-400-700.woff2
new file mode 100644
index 0000000000..fa4625577d
Binary files /dev/null and b/blockbase/assets/fonts/lora/lora-cyrillic-ext-400-700.woff2 differ
diff --git a/blockbase/assets/fonts/lora/lora-latin-ext-400-700-italic.woff2 b/blockbase/assets/fonts/lora/lora-latin-ext-400-700-italic.woff2
new file mode 100644
index 0000000000..43baf5b186
Binary files /dev/null and b/blockbase/assets/fonts/lora/lora-latin-ext-400-700-italic.woff2 differ
diff --git a/blockbase/assets/fonts/lora/lora-latin-ext-400-700.woff2 b/blockbase/assets/fonts/lora/lora-latin-ext-400-700.woff2
new file mode 100644
index 0000000000..c0ab8dc61b
Binary files /dev/null and b/blockbase/assets/fonts/lora/lora-latin-ext-400-700.woff2 differ
diff --git a/blockbase/assets/fonts/lora/lora-vietnamese-400-700-italic.woff2 b/blockbase/assets/fonts/lora/lora-vietnamese-400-700-italic.woff2
new file mode 100644
index 0000000000..174ec654c7
Binary files /dev/null and b/blockbase/assets/fonts/lora/lora-vietnamese-400-700-italic.woff2 differ
diff --git a/blockbase/assets/fonts/lora/lora-vietnamese-400-700.woff2 b/blockbase/assets/fonts/lora/lora-vietnamese-400-700.woff2
new file mode 100644
index 0000000000..396ea9b85b
Binary files /dev/null and b/blockbase/assets/fonts/lora/lora-vietnamese-400-700.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/font-face.css b/blockbase/assets/fonts/merriweather/font-face.css
new file mode 100644
index 0000000000..0a38678693
--- /dev/null
+++ b/blockbase/assets/fonts/merriweather/font-face.css
@@ -0,0 +1,399 @@
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./merriweather-cyrillic-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./merriweather-cyrillic-Light-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./merriweather-vietnamese-Light-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./merriweather-latin-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./merriweather-Light-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./merriweather-cyrillic-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./merriweather-cyrillic-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./merriweather-vietnamese-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./merriweather-latin-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./merriweather-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./merriweather-cyrillic-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./merriweather-cyrillic-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./merriweather-vietnamese-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./merriweather-latin-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./merriweather-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./merriweather-cyrillic-ext-Black-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./merriweather-cyrillic-Black-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./merriweather-vietnamese-Black-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./merriweather-latin-ext-Black-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./merriweather-Black-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./merriweather-cyrillic-ext-Light.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./merriweather-cyrillic-Light.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./merriweather-vietnamese-Light.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./merriweather-latin-ext-Light.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./merriweather-Light.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./merriweather-cyrillic-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./merriweather-cyrillic-Regular.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./merriweather-vietnamese-Regular.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./merriweather-latin-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./merriweather-Regular.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./merriweather-cyrillic-ext-Bold.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./merriweather-cyrillic-Bold.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./merriweather-vietnamese-Bold.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./merriweather-latin-ext-Bold.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./merriweather-Bold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./merriweather-cyrillic-ext-Black.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./merriweather-cyrillic-Black.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./merriweather-vietnamese-Black.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./merriweather-latin-ext-Black.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Merriweather';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./merriweather-Black.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/merriweather/merriweather-Black-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-Black-italic.woff2
new file mode 100644
index 0000000000..635277945a
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-Black.woff2 b/blockbase/assets/fonts/merriweather/merriweather-Black.woff2
new file mode 100644
index 0000000000..16e10f81c1
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-Black.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-Bold-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-Bold-italic.woff2
new file mode 100644
index 0000000000..63f6669e30
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-Bold.woff2 b/blockbase/assets/fonts/merriweather/merriweather-Bold.woff2
new file mode 100644
index 0000000000..46353478ad
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-Light-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-Light-italic.woff2
new file mode 100644
index 0000000000..3bb7eed1b5
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-Light.woff2 b/blockbase/assets/fonts/merriweather/merriweather-Light.woff2
new file mode 100644
index 0000000000..33a595f686
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-Light.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-Regular-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-Regular-italic.woff2
new file mode 100644
index 0000000000..46d40b5468
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-Regular.woff2 b/blockbase/assets/fonts/merriweather/merriweather-Regular.woff2
new file mode 100644
index 0000000000..74cebc52c1
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Black-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Black-italic.woff2
new file mode 100644
index 0000000000..cd347b64e8
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Black.woff2 b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Black.woff2
new file mode 100644
index 0000000000..fc23b0e504
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Black.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Bold-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Bold-italic.woff2
new file mode 100644
index 0000000000..2750e0305c
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Bold.woff2 b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Bold.woff2
new file mode 100644
index 0000000000..b6aabc84b5
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Light-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Light-italic.woff2
new file mode 100644
index 0000000000..c002423cf5
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Light.woff2 b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Light.woff2
new file mode 100644
index 0000000000..b8882ef9ac
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Light.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Regular-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Regular-italic.woff2
new file mode 100644
index 0000000000..e0cffe6465
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Regular.woff2 b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Regular.woff2
new file mode 100644
index 0000000000..d9b6b1620b
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Black-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Black-italic.woff2
new file mode 100644
index 0000000000..ecf9c44c7e
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Black.woff2 b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Black.woff2
new file mode 100644
index 0000000000..ba229f2898
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Black.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Bold-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..28e91853f4
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Bold.woff2 b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Bold.woff2
new file mode 100644
index 0000000000..5787091f8c
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Light-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Light-italic.woff2
new file mode 100644
index 0000000000..d3ba6a2448
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Light.woff2 b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Light.woff2
new file mode 100644
index 0000000000..8a4a01f868
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Regular-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..cddd745e54
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Regular.woff2 b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Regular.woff2
new file mode 100644
index 0000000000..02e4d398e1
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-cyrillic-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Black-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Black-italic.woff2
new file mode 100644
index 0000000000..4a96069210
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Black.woff2 b/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Black.woff2
new file mode 100644
index 0000000000..2315204274
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Black.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Bold-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..56501583d6
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Bold.woff2 b/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Bold.woff2
new file mode 100644
index 0000000000..05e724b7e8
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Light-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Light-italic.woff2
new file mode 100644
index 0000000000..eed9cf1817
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Light.woff2 b/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Light.woff2
new file mode 100644
index 0000000000..99c3514a04
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Regular-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..d4d765b8b7
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Regular.woff2 b/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Regular.woff2
new file mode 100644
index 0000000000..f3c1f13d71
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-latin-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Black-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Black-italic.woff2
new file mode 100644
index 0000000000..a6f0d5b2ee
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Black.woff2 b/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Black.woff2
new file mode 100644
index 0000000000..cf392488c2
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Black.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Bold-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Bold-italic.woff2
new file mode 100644
index 0000000000..3f0e5c59ce
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Bold.woff2 b/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Bold.woff2
new file mode 100644
index 0000000000..01646ed2d7
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Light-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Light-italic.woff2
new file mode 100644
index 0000000000..a101c9cae2
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Light.woff2 b/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Light.woff2
new file mode 100644
index 0000000000..fa13ce35b2
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Light.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Regular-italic.woff2 b/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Regular-italic.woff2
new file mode 100644
index 0000000000..d69af253f7
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Regular.woff2 b/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Regular.woff2
new file mode 100644
index 0000000000..a73dba1d43
Binary files /dev/null and b/blockbase/assets/fonts/merriweather/merriweather-vietnamese-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/montserrat/font-face.css b/blockbase/assets/fonts/montserrat/font-face.css
new file mode 100644
index 0000000000..4c06a3a175
--- /dev/null
+++ b/blockbase/assets/fonts/montserrat/font-face.css
@@ -0,0 +1,899 @@
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./montserrat-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./montserrat-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./montserrat-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./montserrat-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./montserrat-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./montserrat-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./montserrat-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./montserrat-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./montserrat-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./montserrat-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./montserrat-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./montserrat-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./montserrat-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./montserrat-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./montserrat-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./montserrat-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./montserrat-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./montserrat-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./montserrat-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./montserrat-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./montserrat-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./montserrat-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./montserrat-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./montserrat-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./montserrat-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./montserrat-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./montserrat-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./montserrat-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./montserrat-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./montserrat-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./montserrat-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./montserrat-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./montserrat-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./montserrat-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./montserrat-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./montserrat-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./montserrat-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./montserrat-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./montserrat-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./montserrat-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./montserrat-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./montserrat-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./montserrat-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./montserrat-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./montserrat-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./montserrat-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./montserrat-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./montserrat-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./montserrat-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./montserrat-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./montserrat-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./montserrat-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./montserrat-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./montserrat-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Montserrat';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./montserrat-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/montserrat/montserrat-Thin-italic.woff2 b/blockbase/assets/fonts/montserrat/montserrat-Thin-italic.woff2
new file mode 100644
index 0000000000..81f7b5330e
Binary files /dev/null and b/blockbase/assets/fonts/montserrat/montserrat-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/montserrat/montserrat-Thin.woff2 b/blockbase/assets/fonts/montserrat/montserrat-Thin.woff2
new file mode 100644
index 0000000000..d17822dab1
Binary files /dev/null and b/blockbase/assets/fonts/montserrat/montserrat-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/montserrat/montserrat-cyrillic-Thin-italic.woff2 b/blockbase/assets/fonts/montserrat/montserrat-cyrillic-Thin-italic.woff2
new file mode 100644
index 0000000000..b1818d023e
Binary files /dev/null and b/blockbase/assets/fonts/montserrat/montserrat-cyrillic-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/montserrat/montserrat-cyrillic-Thin.woff2 b/blockbase/assets/fonts/montserrat/montserrat-cyrillic-Thin.woff2
new file mode 100644
index 0000000000..d900cb76aa
Binary files /dev/null and b/blockbase/assets/fonts/montserrat/montserrat-cyrillic-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/montserrat/montserrat-cyrillic-ext-Thin-italic.woff2 b/blockbase/assets/fonts/montserrat/montserrat-cyrillic-ext-Thin-italic.woff2
new file mode 100644
index 0000000000..f79301563b
Binary files /dev/null and b/blockbase/assets/fonts/montserrat/montserrat-cyrillic-ext-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/montserrat/montserrat-cyrillic-ext-Thin.woff2 b/blockbase/assets/fonts/montserrat/montserrat-cyrillic-ext-Thin.woff2
new file mode 100644
index 0000000000..d0bc1eede2
Binary files /dev/null and b/blockbase/assets/fonts/montserrat/montserrat-cyrillic-ext-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/montserrat/montserrat-latin-ext-Thin-italic.woff2 b/blockbase/assets/fonts/montserrat/montserrat-latin-ext-Thin-italic.woff2
new file mode 100644
index 0000000000..9556634491
Binary files /dev/null and b/blockbase/assets/fonts/montserrat/montserrat-latin-ext-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/montserrat/montserrat-latin-ext-Thin.woff2 b/blockbase/assets/fonts/montserrat/montserrat-latin-ext-Thin.woff2
new file mode 100644
index 0000000000..1b6c046589
Binary files /dev/null and b/blockbase/assets/fonts/montserrat/montserrat-latin-ext-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/montserrat/montserrat-vietnamese-Thin-italic.woff2 b/blockbase/assets/fonts/montserrat/montserrat-vietnamese-Thin-italic.woff2
new file mode 100644
index 0000000000..5da529d201
Binary files /dev/null and b/blockbase/assets/fonts/montserrat/montserrat-vietnamese-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/montserrat/montserrat-vietnamese-Thin.woff2 b/blockbase/assets/fonts/montserrat/montserrat-vietnamese-Thin.woff2
new file mode 100644
index 0000000000..1f15c7007e
Binary files /dev/null and b/blockbase/assets/fonts/montserrat/montserrat-vietnamese-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/nunito/font-face.css b/blockbase/assets/fonts/nunito/font-face.css
new file mode 100644
index 0000000000..22f15ffd7b
--- /dev/null
+++ b/blockbase/assets/fonts/nunito/font-face.css
@@ -0,0 +1,699 @@
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./nunito-vietnamese-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./nunito-latin-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./nunito-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./nunito-vietnamese-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./nunito-latin-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./nunito-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./nunito-vietnamese-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./nunito-latin-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./nunito-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./nunito-vietnamese-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./nunito-latin-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./nunito-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./nunito-vietnamese-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./nunito-latin-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./nunito-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./nunito-vietnamese-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./nunito-latin-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./nunito-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./nunito-vietnamese-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./nunito-latin-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Nunito';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./nunito-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./nunito-vietnamese-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./nunito-latin-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./nunito-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./nunito-vietnamese-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./nunito-latin-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./nunito-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./nunito-vietnamese-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./nunito-latin-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./nunito-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./nunito-vietnamese-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./nunito-latin-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./nunito-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./nunito-vietnamese-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./nunito-latin-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./nunito-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./nunito-vietnamese-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./nunito-latin-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./nunito-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./nunito-cyrillic-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./nunito-vietnamese-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./nunito-latin-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Nunito';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./nunito-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/nunito/nunito-ExtraLight-italic.woff2 b/blockbase/assets/fonts/nunito/nunito-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..eec2c80294
Binary files /dev/null and b/blockbase/assets/fonts/nunito/nunito-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/nunito/nunito-ExtraLight.woff2 b/blockbase/assets/fonts/nunito/nunito-ExtraLight.woff2
new file mode 100644
index 0000000000..0d50a76259
Binary files /dev/null and b/blockbase/assets/fonts/nunito/nunito-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/nunito/nunito-cyrillic-ExtraLight-italic.woff2 b/blockbase/assets/fonts/nunito/nunito-cyrillic-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..57a48740d9
Binary files /dev/null and b/blockbase/assets/fonts/nunito/nunito-cyrillic-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/nunito/nunito-cyrillic-ExtraLight.woff2 b/blockbase/assets/fonts/nunito/nunito-cyrillic-ExtraLight.woff2
new file mode 100644
index 0000000000..3d5255ab87
Binary files /dev/null and b/blockbase/assets/fonts/nunito/nunito-cyrillic-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/nunito/nunito-cyrillic-ext-ExtraLight-italic.woff2 b/blockbase/assets/fonts/nunito/nunito-cyrillic-ext-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..19d10a754c
Binary files /dev/null and b/blockbase/assets/fonts/nunito/nunito-cyrillic-ext-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/nunito/nunito-cyrillic-ext-ExtraLight.woff2 b/blockbase/assets/fonts/nunito/nunito-cyrillic-ext-ExtraLight.woff2
new file mode 100644
index 0000000000..da1aadb6ee
Binary files /dev/null and b/blockbase/assets/fonts/nunito/nunito-cyrillic-ext-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/nunito/nunito-latin-ext-ExtraLight-italic.woff2 b/blockbase/assets/fonts/nunito/nunito-latin-ext-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..bce9fed96b
Binary files /dev/null and b/blockbase/assets/fonts/nunito/nunito-latin-ext-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/nunito/nunito-latin-ext-ExtraLight.woff2 b/blockbase/assets/fonts/nunito/nunito-latin-ext-ExtraLight.woff2
new file mode 100644
index 0000000000..dda3ea6baa
Binary files /dev/null and b/blockbase/assets/fonts/nunito/nunito-latin-ext-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/nunito/nunito-vietnamese-ExtraLight-italic.woff2 b/blockbase/assets/fonts/nunito/nunito-vietnamese-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..190ff4531c
Binary files /dev/null and b/blockbase/assets/fonts/nunito/nunito-vietnamese-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/nunito/nunito-vietnamese-ExtraLight.woff2 b/blockbase/assets/fonts/nunito/nunito-vietnamese-ExtraLight.woff2
new file mode 100644
index 0000000000..d45da7ba7c
Binary files /dev/null and b/blockbase/assets/fonts/nunito/nunito-vietnamese-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/open-sans/font-face.css b/blockbase/assets/fonts/open-sans/font-face.css
new file mode 100644
index 0000000000..98db868216
--- /dev/null
+++ b/blockbase/assets/fonts/open-sans/font-face.css
@@ -0,0 +1,879 @@
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 300;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 300;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-Light-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 300;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 300;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-Light-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* hebrew */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 300;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-hebrew-Light-italic.woff2) format('woff2');
+	unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 300;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-vietnamese-Light-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 300;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-latin-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 300;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-Light-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 400;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 400;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-Light-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 400;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 400;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-Light-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* hebrew */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 400;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-hebrew-Light-italic.woff2) format('woff2');
+	unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 400;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-vietnamese-Light-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 400;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-latin-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 400;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-Light-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 600;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 600;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-Light-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 600;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 600;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-Light-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* hebrew */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 600;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-hebrew-Light-italic.woff2) format('woff2');
+	unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 600;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-vietnamese-Light-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 600;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-latin-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 600;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-Light-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 700;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 700;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-Light-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 700;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 700;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-Light-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* hebrew */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 700;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-hebrew-Light-italic.woff2) format('woff2');
+	unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 700;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-vietnamese-Light-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 700;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-latin-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 700;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-Light-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 800;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 800;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-Light-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 800;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 800;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-Light-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* hebrew */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 800;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-hebrew-Light-italic.woff2) format('woff2');
+	unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 800;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-vietnamese-Light-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 800;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-latin-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: italic;
+	font-weight: 800;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-Light-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 300;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-ext-Light.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 300;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-Light.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 300;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-ext-Light.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 300;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-Light.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* hebrew */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 300;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-hebrew-Light.woff2) format('woff2');
+	unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 300;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-vietnamese-Light.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 300;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-latin-ext-Light.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 300;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-Light.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 400;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-ext-Light.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 400;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-Light.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 400;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-ext-Light.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 400;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-Light.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* hebrew */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 400;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-hebrew-Light.woff2) format('woff2');
+	unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 400;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-vietnamese-Light.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 400;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-latin-ext-Light.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 400;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-Light.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 600;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-ext-Light.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 600;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-Light.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 600;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-ext-Light.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 600;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-Light.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* hebrew */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 600;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-hebrew-Light.woff2) format('woff2');
+	unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 600;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-vietnamese-Light.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 600;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-latin-ext-Light.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 600;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-Light.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 700;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-ext-Light.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 700;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-Light.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 700;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-ext-Light.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 700;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-Light.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* hebrew */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 700;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-hebrew-Light.woff2) format('woff2');
+	unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 700;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-vietnamese-Light.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 700;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-latin-ext-Light.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 700;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-Light.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 800;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-ext-Light.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 800;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-cyrillic-Light.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 800;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-ext-Light.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 800;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-greek-Light.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* hebrew */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 800;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-hebrew-Light.woff2) format('woff2');
+	unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 800;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-vietnamese-Light.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 800;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-latin-ext-Light.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Open Sans';
+	font-style: normal;
+	font-weight: 800;
+	font-stretch: 100%;
+	font-display: swap;
+	src: url(./open-sans-Light.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/open-sans/open-sans-Light-italic.woff2 b/blockbase/assets/fonts/open-sans/open-sans-Light-italic.woff2
new file mode 100644
index 0000000000..899f8086a6
Binary files /dev/null and b/blockbase/assets/fonts/open-sans/open-sans-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/open-sans/open-sans-Light.woff2 b/blockbase/assets/fonts/open-sans/open-sans-Light.woff2
new file mode 100644
index 0000000000..70a838c93e
Binary files /dev/null and b/blockbase/assets/fonts/open-sans/open-sans-Light.woff2 differ
diff --git a/blockbase/assets/fonts/open-sans/open-sans-cyrillic-Light-italic.woff2 b/blockbase/assets/fonts/open-sans/open-sans-cyrillic-Light-italic.woff2
new file mode 100644
index 0000000000..a06d274fb3
Binary files /dev/null and b/blockbase/assets/fonts/open-sans/open-sans-cyrillic-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/open-sans/open-sans-cyrillic-Light.woff2 b/blockbase/assets/fonts/open-sans/open-sans-cyrillic-Light.woff2
new file mode 100644
index 0000000000..f4d9b0e52a
Binary files /dev/null and b/blockbase/assets/fonts/open-sans/open-sans-cyrillic-Light.woff2 differ
diff --git a/blockbase/assets/fonts/open-sans/open-sans-cyrillic-ext-Light-italic.woff2 b/blockbase/assets/fonts/open-sans/open-sans-cyrillic-ext-Light-italic.woff2
new file mode 100644
index 0000000000..70f395a660
Binary files /dev/null and b/blockbase/assets/fonts/open-sans/open-sans-cyrillic-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/open-sans/open-sans-cyrillic-ext-Light.woff2 b/blockbase/assets/fonts/open-sans/open-sans-cyrillic-ext-Light.woff2
new file mode 100644
index 0000000000..8569cafe24
Binary files /dev/null and b/blockbase/assets/fonts/open-sans/open-sans-cyrillic-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/open-sans/open-sans-greek-Light-italic.woff2 b/blockbase/assets/fonts/open-sans/open-sans-greek-Light-italic.woff2
new file mode 100644
index 0000000000..19b44794af
Binary files /dev/null and b/blockbase/assets/fonts/open-sans/open-sans-greek-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/open-sans/open-sans-greek-Light.woff2 b/blockbase/assets/fonts/open-sans/open-sans-greek-Light.woff2
new file mode 100644
index 0000000000..4d9a86a368
Binary files /dev/null and b/blockbase/assets/fonts/open-sans/open-sans-greek-Light.woff2 differ
diff --git a/blockbase/assets/fonts/open-sans/open-sans-greek-ext-Light-italic.woff2 b/blockbase/assets/fonts/open-sans/open-sans-greek-ext-Light-italic.woff2
new file mode 100644
index 0000000000..7cd4e6a961
Binary files /dev/null and b/blockbase/assets/fonts/open-sans/open-sans-greek-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/open-sans/open-sans-greek-ext-Light.woff2 b/blockbase/assets/fonts/open-sans/open-sans-greek-ext-Light.woff2
new file mode 100644
index 0000000000..b2788c5ca4
Binary files /dev/null and b/blockbase/assets/fonts/open-sans/open-sans-greek-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/open-sans/open-sans-hebrew-Light-italic.woff2 b/blockbase/assets/fonts/open-sans/open-sans-hebrew-Light-italic.woff2
new file mode 100644
index 0000000000..c471ba653d
Binary files /dev/null and b/blockbase/assets/fonts/open-sans/open-sans-hebrew-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/open-sans/open-sans-hebrew-Light.woff2 b/blockbase/assets/fonts/open-sans/open-sans-hebrew-Light.woff2
new file mode 100644
index 0000000000..4eb4b49e62
Binary files /dev/null and b/blockbase/assets/fonts/open-sans/open-sans-hebrew-Light.woff2 differ
diff --git a/blockbase/assets/fonts/open-sans/open-sans-latin-ext-Light-italic.woff2 b/blockbase/assets/fonts/open-sans/open-sans-latin-ext-Light-italic.woff2
new file mode 100644
index 0000000000..edf581982b
Binary files /dev/null and b/blockbase/assets/fonts/open-sans/open-sans-latin-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/open-sans/open-sans-latin-ext-Light.woff2 b/blockbase/assets/fonts/open-sans/open-sans-latin-ext-Light.woff2
new file mode 100644
index 0000000000..ea43b29c94
Binary files /dev/null and b/blockbase/assets/fonts/open-sans/open-sans-latin-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/open-sans/open-sans-vietnamese-Light-italic.woff2 b/blockbase/assets/fonts/open-sans/open-sans-vietnamese-Light-italic.woff2
new file mode 100644
index 0000000000..6b89442d6f
Binary files /dev/null and b/blockbase/assets/fonts/open-sans/open-sans-vietnamese-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/open-sans/open-sans-vietnamese-Light.woff2 b/blockbase/assets/fonts/open-sans/open-sans-vietnamese-Light.woff2
new file mode 100644
index 0000000000..53ff779d37
Binary files /dev/null and b/blockbase/assets/fonts/open-sans/open-sans-vietnamese-Light.woff2 differ
diff --git a/blockbase/assets/fonts/overpass/font-face.css b/blockbase/assets/fonts/overpass/font-face.css
new file mode 100644
index 0000000000..0103aa2440
--- /dev/null
+++ b/blockbase/assets/fonts/overpass/font-face.css
@@ -0,0 +1,899 @@
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./overpass-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./overpass-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./overpass-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./overpass-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./overpass-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./overpass-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./overpass-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./overpass-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./overpass-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./overpass-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./overpass-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./overpass-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./overpass-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./overpass-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./overpass-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./overpass-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./overpass-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./overpass-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./overpass-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./overpass-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./overpass-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./overpass-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./overpass-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./overpass-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./overpass-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./overpass-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./overpass-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./overpass-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./overpass-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./overpass-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./overpass-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./overpass-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./overpass-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./overpass-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./overpass-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./overpass-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./overpass-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./overpass-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./overpass-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./overpass-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./overpass-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./overpass-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./overpass-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./overpass-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Overpass';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./overpass-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./overpass-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./overpass-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./overpass-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./overpass-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./overpass-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./overpass-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./overpass-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./overpass-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./overpass-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./overpass-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./overpass-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./overpass-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./overpass-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./overpass-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./overpass-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./overpass-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./overpass-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./overpass-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./overpass-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./overpass-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./overpass-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./overpass-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./overpass-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./overpass-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./overpass-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./overpass-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./overpass-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./overpass-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./overpass-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./overpass-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./overpass-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./overpass-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./overpass-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./overpass-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./overpass-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./overpass-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./overpass-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./overpass-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./overpass-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./overpass-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./overpass-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./overpass-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./overpass-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./overpass-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Overpass';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./overpass-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/overpass/overpass-Thin-italic.woff2 b/blockbase/assets/fonts/overpass/overpass-Thin-italic.woff2
new file mode 100644
index 0000000000..fd16afd398
Binary files /dev/null and b/blockbase/assets/fonts/overpass/overpass-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/overpass/overpass-Thin.woff2 b/blockbase/assets/fonts/overpass/overpass-Thin.woff2
new file mode 100644
index 0000000000..cd19ade635
Binary files /dev/null and b/blockbase/assets/fonts/overpass/overpass-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/overpass/overpass-cyrillic-Thin-italic.woff2 b/blockbase/assets/fonts/overpass/overpass-cyrillic-Thin-italic.woff2
new file mode 100644
index 0000000000..8e50a7ae7c
Binary files /dev/null and b/blockbase/assets/fonts/overpass/overpass-cyrillic-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/overpass/overpass-cyrillic-Thin.woff2 b/blockbase/assets/fonts/overpass/overpass-cyrillic-Thin.woff2
new file mode 100644
index 0000000000..d39a55cdf5
Binary files /dev/null and b/blockbase/assets/fonts/overpass/overpass-cyrillic-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/overpass/overpass-cyrillic-ext-Thin-italic.woff2 b/blockbase/assets/fonts/overpass/overpass-cyrillic-ext-Thin-italic.woff2
new file mode 100644
index 0000000000..148aafc6b4
Binary files /dev/null and b/blockbase/assets/fonts/overpass/overpass-cyrillic-ext-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/overpass/overpass-cyrillic-ext-Thin.woff2 b/blockbase/assets/fonts/overpass/overpass-cyrillic-ext-Thin.woff2
new file mode 100644
index 0000000000..f6101269af
Binary files /dev/null and b/blockbase/assets/fonts/overpass/overpass-cyrillic-ext-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/overpass/overpass-latin-ext-Thin-italic.woff2 b/blockbase/assets/fonts/overpass/overpass-latin-ext-Thin-italic.woff2
new file mode 100644
index 0000000000..ceaa72031f
Binary files /dev/null and b/blockbase/assets/fonts/overpass/overpass-latin-ext-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/overpass/overpass-latin-ext-Thin.woff2 b/blockbase/assets/fonts/overpass/overpass-latin-ext-Thin.woff2
new file mode 100644
index 0000000000..7ac542d010
Binary files /dev/null and b/blockbase/assets/fonts/overpass/overpass-latin-ext-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/overpass/overpass-vietnamese-Thin-italic.woff2 b/blockbase/assets/fonts/overpass/overpass-vietnamese-Thin-italic.woff2
new file mode 100644
index 0000000000..48051e910c
Binary files /dev/null and b/blockbase/assets/fonts/overpass/overpass-vietnamese-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/overpass/overpass-vietnamese-Thin.woff2 b/blockbase/assets/fonts/overpass/overpass-vietnamese-Thin.woff2
new file mode 100644
index 0000000000..4e3d365c35
Binary files /dev/null and b/blockbase/assets/fonts/overpass/overpass-vietnamese-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/playfair-display/font-face.css b/blockbase/assets/fonts/playfair-display/font-face.css
new file mode 100644
index 0000000000..146ae782d7
--- /dev/null
+++ b/blockbase/assets/fonts/playfair-display/font-face.css
@@ -0,0 +1,79 @@
+/* cyrillic */
+@font-face {
+	font-family: 'Playfair Display';
+	font-style: italic;
+	font-weight: 400 900;
+	font-display: swap;
+	src: url(./playfair-display-cyrillic-400-900-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Playfair Display';
+	font-style: italic;
+	font-weight: 400 900;
+	font-display: swap;
+	src: url(./playfair-display-vietnamese-400-900-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Playfair Display';
+	font-style: italic;
+	font-weight: 400 900;
+	font-display: swap;
+	src: url(./playfair-display-latin-ext-400-900-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Playfair Display';
+	font-style: italic;
+	font-weight: 400 900;
+	font-display: swap;
+	src: url(./playfair-display-400-900-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Playfair Display';
+	font-style: normal;
+	font-weight: 400 900;
+	font-display: swap;
+	src: url(./playfair-display-cyrillic-400-900.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Playfair Display';
+	font-style: normal;
+	font-weight: 400 900;
+	font-display: swap;
+	src: url(./playfair-display-vietnamese-400-900.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Playfair Display';
+	font-style: normal;
+	font-weight: 400 900;
+	font-display: swap;
+	src: url(./playfair-display-latin-ext-400-900.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Playfair Display';
+	font-style: normal;
+	font-weight: 400 900;
+	font-display: swap;
+	src: url(./playfair-display-400-900.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/playfair-display/playfair-display-400-900-italic.woff2 b/blockbase/assets/fonts/playfair-display/playfair-display-400-900-italic.woff2
new file mode 100644
index 0000000000..fdb66a5449
Binary files /dev/null and b/blockbase/assets/fonts/playfair-display/playfair-display-400-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/playfair-display/playfair-display-400-900.woff2 b/blockbase/assets/fonts/playfair-display/playfair-display-400-900.woff2
new file mode 100644
index 0000000000..9a32e9e2ff
Binary files /dev/null and b/blockbase/assets/fonts/playfair-display/playfair-display-400-900.woff2 differ
diff --git a/blockbase/assets/fonts/playfair-display/playfair-display-cyrillic-400-900-italic.woff2 b/blockbase/assets/fonts/playfair-display/playfair-display-cyrillic-400-900-italic.woff2
new file mode 100644
index 0000000000..916b53bf12
Binary files /dev/null and b/blockbase/assets/fonts/playfair-display/playfair-display-cyrillic-400-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/playfair-display/playfair-display-cyrillic-400-900.woff2 b/blockbase/assets/fonts/playfair-display/playfair-display-cyrillic-400-900.woff2
new file mode 100644
index 0000000000..added7bd55
Binary files /dev/null and b/blockbase/assets/fonts/playfair-display/playfair-display-cyrillic-400-900.woff2 differ
diff --git a/blockbase/assets/fonts/playfair-display/playfair-display-latin-ext-400-900-italic.woff2 b/blockbase/assets/fonts/playfair-display/playfair-display-latin-ext-400-900-italic.woff2
new file mode 100644
index 0000000000..89050db764
Binary files /dev/null and b/blockbase/assets/fonts/playfair-display/playfair-display-latin-ext-400-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/playfair-display/playfair-display-latin-ext-400-900.woff2 b/blockbase/assets/fonts/playfair-display/playfair-display-latin-ext-400-900.woff2
new file mode 100644
index 0000000000..75e8653bc1
Binary files /dev/null and b/blockbase/assets/fonts/playfair-display/playfair-display-latin-ext-400-900.woff2 differ
diff --git a/blockbase/assets/fonts/playfair-display/playfair-display-vietnamese-400-900-italic.woff2 b/blockbase/assets/fonts/playfair-display/playfair-display-vietnamese-400-900-italic.woff2
new file mode 100644
index 0000000000..161c56fd47
Binary files /dev/null and b/blockbase/assets/fonts/playfair-display/playfair-display-vietnamese-400-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/playfair-display/playfair-display-vietnamese-400-900.woff2 b/blockbase/assets/fonts/playfair-display/playfair-display-vietnamese-400-900.woff2
new file mode 100644
index 0000000000..d1e9b8d9b7
Binary files /dev/null and b/blockbase/assets/fonts/playfair-display/playfair-display-vietnamese-400-900.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/font-face.css b/blockbase/assets/fonts/poppins/font-face.css
new file mode 100644
index 0000000000..f2eec966bf
--- /dev/null
+++ b/blockbase/assets/fonts/poppins/font-face.css
@@ -0,0 +1,539 @@
+/* devanagari */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./poppins-devanagari-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./poppins-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./poppins-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./poppins-devanagari-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./poppins-latin-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./poppins-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./poppins-devanagari-Light-italic.woff2) format('woff2');
+	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./poppins-latin-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./poppins-Light-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./poppins-devanagari-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./poppins-latin-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./poppins-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./poppins-devanagari-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./poppins-latin-ext-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./poppins-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./poppins-devanagari-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./poppins-latin-ext-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./poppins-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./poppins-devanagari-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./poppins-latin-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./poppins-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./poppins-devanagari-ExtraBold-italic.woff2) format('woff2');
+	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./poppins-latin-ext-ExtraBold-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./poppins-ExtraBold-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./poppins-devanagari-Black-italic.woff2) format('woff2');
+	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./poppins-latin-ext-Black-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./poppins-Black-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./poppins-devanagari-Thin.woff2) format('woff2');
+	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./poppins-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./poppins-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./poppins-devanagari-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./poppins-latin-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./poppins-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./poppins-devanagari-Light.woff2) format('woff2');
+	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./poppins-latin-ext-Light.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./poppins-Light.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./poppins-devanagari-Regular.woff2) format('woff2');
+	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./poppins-latin-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./poppins-Regular.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./poppins-devanagari-Medium.woff2) format('woff2');
+	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./poppins-latin-ext-Medium.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./poppins-Medium.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./poppins-devanagari-SemiBold.woff2) format('woff2');
+	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./poppins-latin-ext-SemiBold.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./poppins-SemiBold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./poppins-devanagari-Bold.woff2) format('woff2');
+	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./poppins-latin-ext-Bold.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./poppins-Bold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./poppins-devanagari-ExtraBold.woff2) format('woff2');
+	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./poppins-latin-ext-ExtraBold.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 800;
+	font-display: swap;
+	src: url(./poppins-ExtraBold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./poppins-devanagari-Black.woff2) format('woff2');
+	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./poppins-latin-ext-Black.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./poppins-Black.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/poppins/poppins-Black-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-Black-italic.woff2
new file mode 100644
index 0000000000..b00cf810c1
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-Black.woff2 b/blockbase/assets/fonts/poppins/poppins-Black.woff2
new file mode 100644
index 0000000000..71f96dedc3
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-Black.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-Bold-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-Bold-italic.woff2
new file mode 100644
index 0000000000..70974d82d2
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-Bold.woff2 b/blockbase/assets/fonts/poppins/poppins-Bold.woff2
new file mode 100644
index 0000000000..bf022fc77e
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-ExtraBold-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-ExtraBold-italic.woff2
new file mode 100644
index 0000000000..d956b75cfd
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-ExtraBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-ExtraBold.woff2 b/blockbase/assets/fonts/poppins/poppins-ExtraBold.woff2
new file mode 100644
index 0000000000..f107b3699f
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-ExtraBold.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-ExtraLight-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..33f40adbcd
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-ExtraLight.woff2 b/blockbase/assets/fonts/poppins/poppins-ExtraLight.woff2
new file mode 100644
index 0000000000..eeacdfe44f
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-Light-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-Light-italic.woff2
new file mode 100644
index 0000000000..0e9e94d46c
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-Light.woff2 b/blockbase/assets/fonts/poppins/poppins-Light.woff2
new file mode 100644
index 0000000000..962b734ef6
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-Light.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-Medium-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-Medium-italic.woff2
new file mode 100644
index 0000000000..b995ebb6e0
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-Medium.woff2 b/blockbase/assets/fonts/poppins/poppins-Medium.woff2
new file mode 100644
index 0000000000..c6603368bf
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-Regular-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-Regular-italic.woff2
new file mode 100644
index 0000000000..11123368e5
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-Regular.woff2 b/blockbase/assets/fonts/poppins/poppins-Regular.woff2
new file mode 100644
index 0000000000..b69e0091c2
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-SemiBold-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-SemiBold-italic.woff2
new file mode 100644
index 0000000000..27331a9cb8
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-SemiBold.woff2 b/blockbase/assets/fonts/poppins/poppins-SemiBold.woff2
new file mode 100644
index 0000000000..921e962b91
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-Thin-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-Thin-italic.woff2
new file mode 100644
index 0000000000..f43fd413a0
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-Thin.woff2 b/blockbase/assets/fonts/poppins/poppins-Thin.woff2
new file mode 100644
index 0000000000..e59b153706
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-devanagari-Black-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-devanagari-Black-italic.woff2
new file mode 100644
index 0000000000..5c678d3809
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-devanagari-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-devanagari-Black.woff2 b/blockbase/assets/fonts/poppins/poppins-devanagari-Black.woff2
new file mode 100644
index 0000000000..151119ac9b
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-devanagari-Black.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-devanagari-Bold-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-devanagari-Bold-italic.woff2
new file mode 100644
index 0000000000..37a865fd16
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-devanagari-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-devanagari-Bold.woff2 b/blockbase/assets/fonts/poppins/poppins-devanagari-Bold.woff2
new file mode 100644
index 0000000000..742e144243
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-devanagari-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-devanagari-ExtraBold-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-devanagari-ExtraBold-italic.woff2
new file mode 100644
index 0000000000..62f1935c11
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-devanagari-ExtraBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-devanagari-ExtraBold.woff2 b/blockbase/assets/fonts/poppins/poppins-devanagari-ExtraBold.woff2
new file mode 100644
index 0000000000..57750c4cba
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-devanagari-ExtraBold.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-devanagari-ExtraLight-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-devanagari-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..49cb7fd190
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-devanagari-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-devanagari-ExtraLight.woff2 b/blockbase/assets/fonts/poppins/poppins-devanagari-ExtraLight.woff2
new file mode 100644
index 0000000000..4224410628
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-devanagari-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-devanagari-Light-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-devanagari-Light-italic.woff2
new file mode 100644
index 0000000000..6bcfd3a354
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-devanagari-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-devanagari-Light.woff2 b/blockbase/assets/fonts/poppins/poppins-devanagari-Light.woff2
new file mode 100644
index 0000000000..ef13593674
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-devanagari-Light.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-devanagari-Medium-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-devanagari-Medium-italic.woff2
new file mode 100644
index 0000000000..a9d88cb56f
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-devanagari-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-devanagari-Medium.woff2 b/blockbase/assets/fonts/poppins/poppins-devanagari-Medium.woff2
new file mode 100644
index 0000000000..7850aa30a0
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-devanagari-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-devanagari-Regular-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-devanagari-Regular-italic.woff2
new file mode 100644
index 0000000000..ac23a319fc
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-devanagari-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-devanagari-Regular.woff2 b/blockbase/assets/fonts/poppins/poppins-devanagari-Regular.woff2
new file mode 100644
index 0000000000..3295a4cc9d
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-devanagari-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-devanagari-SemiBold-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-devanagari-SemiBold-italic.woff2
new file mode 100644
index 0000000000..b4cc88cdc5
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-devanagari-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-devanagari-SemiBold.woff2 b/blockbase/assets/fonts/poppins/poppins-devanagari-SemiBold.woff2
new file mode 100644
index 0000000000..354d0a4d32
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-devanagari-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-devanagari-Thin-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-devanagari-Thin-italic.woff2
new file mode 100644
index 0000000000..4a1f80bb03
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-devanagari-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-devanagari-Thin.woff2 b/blockbase/assets/fonts/poppins/poppins-devanagari-Thin.woff2
new file mode 100644
index 0000000000..803d058ff3
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-devanagari-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-latin-ext-Black-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-latin-ext-Black-italic.woff2
new file mode 100644
index 0000000000..3d499912d8
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-latin-ext-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-latin-ext-Black.woff2 b/blockbase/assets/fonts/poppins/poppins-latin-ext-Black.woff2
new file mode 100644
index 0000000000..86e43dc70a
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-latin-ext-Black.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-latin-ext-Bold-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-latin-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..32a50fafd4
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-latin-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-latin-ext-Bold.woff2 b/blockbase/assets/fonts/poppins/poppins-latin-ext-Bold.woff2
new file mode 100644
index 0000000000..c1ee9a8c81
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-latin-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-latin-ext-ExtraBold-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-latin-ext-ExtraBold-italic.woff2
new file mode 100644
index 0000000000..54a56a92d9
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-latin-ext-ExtraBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-latin-ext-ExtraBold.woff2 b/blockbase/assets/fonts/poppins/poppins-latin-ext-ExtraBold.woff2
new file mode 100644
index 0000000000..9fee4bd1bd
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-latin-ext-ExtraBold.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-latin-ext-ExtraLight-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-latin-ext-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..4737d6715d
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-latin-ext-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-latin-ext-ExtraLight.woff2 b/blockbase/assets/fonts/poppins/poppins-latin-ext-ExtraLight.woff2
new file mode 100644
index 0000000000..7f7277c866
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-latin-ext-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-latin-ext-Light-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-latin-ext-Light-italic.woff2
new file mode 100644
index 0000000000..3936c46388
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-latin-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-latin-ext-Light.woff2 b/blockbase/assets/fonts/poppins/poppins-latin-ext-Light.woff2
new file mode 100644
index 0000000000..d4f44c60cd
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-latin-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-latin-ext-Medium-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-latin-ext-Medium-italic.woff2
new file mode 100644
index 0000000000..bcea2301a6
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-latin-ext-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-latin-ext-Medium.woff2 b/blockbase/assets/fonts/poppins/poppins-latin-ext-Medium.woff2
new file mode 100644
index 0000000000..ba96dfd0f8
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-latin-ext-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-latin-ext-Regular-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-latin-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..580055c1e8
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-latin-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-latin-ext-Regular.woff2 b/blockbase/assets/fonts/poppins/poppins-latin-ext-Regular.woff2
new file mode 100644
index 0000000000..c871a3e7fc
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-latin-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-latin-ext-SemiBold-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-latin-ext-SemiBold-italic.woff2
new file mode 100644
index 0000000000..4d78d07f3f
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-latin-ext-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-latin-ext-SemiBold.woff2 b/blockbase/assets/fonts/poppins/poppins-latin-ext-SemiBold.woff2
new file mode 100644
index 0000000000..644e5150ea
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-latin-ext-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-latin-ext-Thin-italic.woff2 b/blockbase/assets/fonts/poppins/poppins-latin-ext-Thin-italic.woff2
new file mode 100644
index 0000000000..e05ab2872f
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-latin-ext-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/poppins/poppins-latin-ext-Thin.woff2 b/blockbase/assets/fonts/poppins/poppins-latin-ext-Thin.woff2
new file mode 100644
index 0000000000..013dcfa373
Binary files /dev/null and b/blockbase/assets/fonts/poppins/poppins-latin-ext-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/raleway/font-face.css b/blockbase/assets/fonts/raleway/font-face.css
new file mode 100644
index 0000000000..92785966ff
--- /dev/null
+++ b/blockbase/assets/fonts/raleway/font-face.css
@@ -0,0 +1,99 @@
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Raleway';
+	font-style: italic;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./raleway-cyrillic-ext-100-900-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Raleway';
+	font-style: italic;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./raleway-cyrillic-100-900-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Raleway';
+	font-style: italic;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./raleway-vietnamese-100-900-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Raleway';
+	font-style: italic;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./raleway-latin-ext-100-900-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Raleway';
+	font-style: italic;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./raleway-100-900-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Raleway';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./raleway-cyrillic-ext-100-900.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Raleway';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./raleway-cyrillic-100-900.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Raleway';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./raleway-vietnamese-100-900.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Raleway';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./raleway-latin-ext-100-900.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Raleway';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./raleway-100-900.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/raleway/raleway-100-900-italic.woff2 b/blockbase/assets/fonts/raleway/raleway-100-900-italic.woff2
new file mode 100644
index 0000000000..3749416ae0
Binary files /dev/null and b/blockbase/assets/fonts/raleway/raleway-100-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/raleway/raleway-100-900.woff2 b/blockbase/assets/fonts/raleway/raleway-100-900.woff2
new file mode 100644
index 0000000000..c29e093f74
Binary files /dev/null and b/blockbase/assets/fonts/raleway/raleway-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/raleway/raleway-cyrillic-100-900-italic.woff2 b/blockbase/assets/fonts/raleway/raleway-cyrillic-100-900-italic.woff2
new file mode 100644
index 0000000000..47e688e8f3
Binary files /dev/null and b/blockbase/assets/fonts/raleway/raleway-cyrillic-100-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/raleway/raleway-cyrillic-100-900.woff2 b/blockbase/assets/fonts/raleway/raleway-cyrillic-100-900.woff2
new file mode 100644
index 0000000000..f223f34e48
Binary files /dev/null and b/blockbase/assets/fonts/raleway/raleway-cyrillic-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/raleway/raleway-cyrillic-ext-100-900-italic.woff2 b/blockbase/assets/fonts/raleway/raleway-cyrillic-ext-100-900-italic.woff2
new file mode 100644
index 0000000000..1a66e5dc17
Binary files /dev/null and b/blockbase/assets/fonts/raleway/raleway-cyrillic-ext-100-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/raleway/raleway-cyrillic-ext-100-900.woff2 b/blockbase/assets/fonts/raleway/raleway-cyrillic-ext-100-900.woff2
new file mode 100644
index 0000000000..33cb165c39
Binary files /dev/null and b/blockbase/assets/fonts/raleway/raleway-cyrillic-ext-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/raleway/raleway-latin-ext-100-900-italic.woff2 b/blockbase/assets/fonts/raleway/raleway-latin-ext-100-900-italic.woff2
new file mode 100644
index 0000000000..b84953c589
Binary files /dev/null and b/blockbase/assets/fonts/raleway/raleway-latin-ext-100-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/raleway/raleway-latin-ext-100-900.woff2 b/blockbase/assets/fonts/raleway/raleway-latin-ext-100-900.woff2
new file mode 100644
index 0000000000..cdcef189b0
Binary files /dev/null and b/blockbase/assets/fonts/raleway/raleway-latin-ext-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/raleway/raleway-vietnamese-100-900-italic.woff2 b/blockbase/assets/fonts/raleway/raleway-vietnamese-100-900-italic.woff2
new file mode 100644
index 0000000000..4dd9514465
Binary files /dev/null and b/blockbase/assets/fonts/raleway/raleway-vietnamese-100-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/raleway/raleway-vietnamese-100-900.woff2 b/blockbase/assets/fonts/raleway/raleway-vietnamese-100-900.woff2
new file mode 100644
index 0000000000..4886bbbddf
Binary files /dev/null and b/blockbase/assets/fonts/raleway/raleway-vietnamese-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/red-hat-display/font-face.css b/blockbase/assets/fonts/red-hat-display/font-face.css
new file mode 100644
index 0000000000..4cc961257c
--- /dev/null
+++ b/blockbase/assets/fonts/red-hat-display/font-face.css
@@ -0,0 +1,159 @@
+/* latin-ext */
+@font-face {
+	font-family: 'Red Hat Display';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./red-hat-display-latin-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Red Hat Display';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./red-hat-display-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Red Hat Display';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./red-hat-display-latin-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Red Hat Display';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./red-hat-display-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Red Hat Display';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./red-hat-display-latin-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Red Hat Display';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./red-hat-display-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Red Hat Display';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./red-hat-display-latin-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Red Hat Display';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./red-hat-display-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Red Hat Display';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./red-hat-display-latin-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Red Hat Display';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./red-hat-display-Regular.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Red Hat Display';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./red-hat-display-latin-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Red Hat Display';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./red-hat-display-Regular.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Red Hat Display';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./red-hat-display-latin-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Red Hat Display';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./red-hat-display-Regular.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Red Hat Display';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./red-hat-display-latin-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Red Hat Display';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./red-hat-display-Regular.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/red-hat-display/red-hat-display-Regular-italic.woff2 b/blockbase/assets/fonts/red-hat-display/red-hat-display-Regular-italic.woff2
new file mode 100644
index 0000000000..b006c0e283
Binary files /dev/null and b/blockbase/assets/fonts/red-hat-display/red-hat-display-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/red-hat-display/red-hat-display-Regular.woff2 b/blockbase/assets/fonts/red-hat-display/red-hat-display-Regular.woff2
new file mode 100644
index 0000000000..2afb25f127
Binary files /dev/null and b/blockbase/assets/fonts/red-hat-display/red-hat-display-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/red-hat-display/red-hat-display-latin-ext-Regular-italic.woff2 b/blockbase/assets/fonts/red-hat-display/red-hat-display-latin-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..473c5a4c81
Binary files /dev/null and b/blockbase/assets/fonts/red-hat-display/red-hat-display-latin-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/red-hat-display/red-hat-display-latin-ext-Regular.woff2 b/blockbase/assets/fonts/red-hat-display/red-hat-display-latin-ext-Regular.woff2
new file mode 100644
index 0000000000..e1a1550a14
Binary files /dev/null and b/blockbase/assets/fonts/red-hat-display/red-hat-display-latin-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/roboto-slab/font-face.css b/blockbase/assets/fonts/roboto-slab/font-face.css
new file mode 100644
index 0000000000..c45e2e3bab
--- /dev/null
+++ b/blockbase/assets/fonts/roboto-slab/font-face.css
@@ -0,0 +1,69 @@
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Roboto Slab';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./roboto-slab-cyrillic-ext-100-900.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Roboto Slab';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./roboto-slab-cyrillic-100-900.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Roboto Slab';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./roboto-slab-greek-ext-100-900.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Roboto Slab';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./roboto-slab-greek-100-900.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Roboto Slab';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./roboto-slab-vietnamese-100-900.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Roboto Slab';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./roboto-slab-latin-ext-100-900.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Roboto Slab';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./roboto-slab-100-900.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/roboto-slab/roboto-slab-100-900.woff2 b/blockbase/assets/fonts/roboto-slab/roboto-slab-100-900.woff2
new file mode 100644
index 0000000000..8289ae1e37
Binary files /dev/null and b/blockbase/assets/fonts/roboto-slab/roboto-slab-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/roboto-slab/roboto-slab-cyrillic-100-900.woff2 b/blockbase/assets/fonts/roboto-slab/roboto-slab-cyrillic-100-900.woff2
new file mode 100644
index 0000000000..3821f19ff2
Binary files /dev/null and b/blockbase/assets/fonts/roboto-slab/roboto-slab-cyrillic-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/roboto-slab/roboto-slab-cyrillic-ext-100-900.woff2 b/blockbase/assets/fonts/roboto-slab/roboto-slab-cyrillic-ext-100-900.woff2
new file mode 100644
index 0000000000..231a210341
Binary files /dev/null and b/blockbase/assets/fonts/roboto-slab/roboto-slab-cyrillic-ext-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/roboto-slab/roboto-slab-greek-100-900.woff2 b/blockbase/assets/fonts/roboto-slab/roboto-slab-greek-100-900.woff2
new file mode 100644
index 0000000000..d703d42acd
Binary files /dev/null and b/blockbase/assets/fonts/roboto-slab/roboto-slab-greek-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/roboto-slab/roboto-slab-greek-ext-100-900.woff2 b/blockbase/assets/fonts/roboto-slab/roboto-slab-greek-ext-100-900.woff2
new file mode 100644
index 0000000000..6be4237054
Binary files /dev/null and b/blockbase/assets/fonts/roboto-slab/roboto-slab-greek-ext-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/roboto-slab/roboto-slab-latin-ext-100-900.woff2 b/blockbase/assets/fonts/roboto-slab/roboto-slab-latin-ext-100-900.woff2
new file mode 100644
index 0000000000..71de59befc
Binary files /dev/null and b/blockbase/assets/fonts/roboto-slab/roboto-slab-latin-ext-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/roboto-slab/roboto-slab-vietnamese-100-900.woff2 b/blockbase/assets/fonts/roboto-slab/roboto-slab-vietnamese-100-900.woff2
new file mode 100644
index 0000000000..df814de003
Binary files /dev/null and b/blockbase/assets/fonts/roboto-slab/roboto-slab-vietnamese-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/font-face.css b/blockbase/assets/fonts/roboto/font-face.css
new file mode 100644
index 0000000000..8e5eb5dcf5
--- /dev/null
+++ b/blockbase/assets/fonts/roboto/font-face.css
@@ -0,0 +1,839 @@
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./roboto-cyrillic-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./roboto-cyrillic-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./roboto-greek-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./roboto-greek-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./roboto-vietnamese-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./roboto-latin-ext-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./roboto-Thin-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./roboto-cyrillic-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./roboto-cyrillic-Light-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./roboto-greek-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./roboto-greek-Light-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./roboto-vietnamese-Light-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./roboto-latin-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./roboto-Light-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./roboto-cyrillic-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./roboto-cyrillic-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./roboto-greek-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./roboto-greek-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./roboto-vietnamese-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./roboto-latin-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./roboto-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./roboto-cyrillic-ext-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./roboto-cyrillic-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./roboto-greek-ext-Medium-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./roboto-greek-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./roboto-vietnamese-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./roboto-latin-ext-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./roboto-Medium-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./roboto-cyrillic-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./roboto-cyrillic-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./roboto-greek-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./roboto-greek-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./roboto-vietnamese-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./roboto-latin-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./roboto-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./roboto-cyrillic-ext-Black-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./roboto-cyrillic-Black-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./roboto-greek-ext-Black-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./roboto-greek-Black-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./roboto-vietnamese-Black-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./roboto-latin-ext-Black-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./roboto-Black-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./roboto-cyrillic-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./roboto-cyrillic-Thin.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./roboto-greek-ext-Thin.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./roboto-greek-Thin.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./roboto-vietnamese-Thin.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./roboto-latin-ext-Thin.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 100;
+	font-display: swap;
+	src: url(./roboto-Thin.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./roboto-cyrillic-ext-Light.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./roboto-cyrillic-Light.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./roboto-greek-ext-Light.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./roboto-greek-Light.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./roboto-vietnamese-Light.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./roboto-latin-ext-Light.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./roboto-Light.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./roboto-cyrillic-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./roboto-cyrillic-Regular.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./roboto-greek-ext-Regular.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./roboto-greek-Regular.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./roboto-vietnamese-Regular.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./roboto-latin-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./roboto-Regular.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./roboto-cyrillic-ext-Medium.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./roboto-cyrillic-Medium.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./roboto-greek-ext-Medium.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./roboto-greek-Medium.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./roboto-vietnamese-Medium.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./roboto-latin-ext-Medium.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 500;
+	font-display: swap;
+	src: url(./roboto-Medium.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./roboto-cyrillic-ext-Bold.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./roboto-cyrillic-Bold.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./roboto-greek-ext-Bold.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./roboto-greek-Bold.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./roboto-vietnamese-Bold.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./roboto-latin-ext-Bold.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./roboto-Bold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./roboto-cyrillic-ext-Black.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./roboto-cyrillic-Black.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./roboto-greek-ext-Black.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./roboto-greek-Black.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./roboto-vietnamese-Black.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./roboto-latin-ext-Black.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./roboto-Black.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/roboto/roboto-Black-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-Black-italic.woff2
new file mode 100644
index 0000000000..741d0638b1
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-Black.woff2 b/blockbase/assets/fonts/roboto/roboto-Black.woff2
new file mode 100644
index 0000000000..4b7cb645bb
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-Black.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-Bold-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-Bold-italic.woff2
new file mode 100644
index 0000000000..f1fd762624
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-Bold.woff2 b/blockbase/assets/fonts/roboto/roboto-Bold.woff2
new file mode 100644
index 0000000000..4aeda71b87
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-Light-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-Light-italic.woff2
new file mode 100644
index 0000000000..cf133b55eb
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-Light.woff2 b/blockbase/assets/fonts/roboto/roboto-Light.woff2
new file mode 100644
index 0000000000..f7bcdef7eb
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-Light.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-Medium-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-Medium-italic.woff2
new file mode 100644
index 0000000000..f82029b75d
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-Medium.woff2 b/blockbase/assets/fonts/roboto/roboto-Medium.woff2
new file mode 100644
index 0000000000..2360b721dc
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-Regular-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-Regular-italic.woff2
new file mode 100644
index 0000000000..fbe1a26c9c
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-Regular.woff2 b/blockbase/assets/fonts/roboto/roboto-Regular.woff2
new file mode 100644
index 0000000000..b65a361a2e
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-Thin-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-Thin-italic.woff2
new file mode 100644
index 0000000000..1f22fa96cd
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-Thin.woff2 b/blockbase/assets/fonts/roboto/roboto-Thin.woff2
new file mode 100644
index 0000000000..921b2bb6a9
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-Black-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-Black-italic.woff2
new file mode 100644
index 0000000000..70c92ddbfe
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-Black.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-Black.woff2
new file mode 100644
index 0000000000..14f5eef799
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-Black.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-Bold-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-Bold-italic.woff2
new file mode 100644
index 0000000000..106e82c481
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-Bold.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-Bold.woff2
new file mode 100644
index 0000000000..6d35941e06
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-Light-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-Light-italic.woff2
new file mode 100644
index 0000000000..ffb4a0b95f
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-Light.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-Light.woff2
new file mode 100644
index 0000000000..03e014133e
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-Light.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-Medium-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-Medium-italic.woff2
new file mode 100644
index 0000000000..be7224c821
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-Medium.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-Medium.woff2
new file mode 100644
index 0000000000..a7edaaae9a
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-Regular-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-Regular-italic.woff2
new file mode 100644
index 0000000000..176d6510dd
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-Regular.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-Regular.woff2
new file mode 100644
index 0000000000..bf2b1735e0
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-Thin-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-Thin-italic.woff2
new file mode 100644
index 0000000000..68b5ac24f4
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-Thin.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-Thin.woff2
new file mode 100644
index 0000000000..5a736bb104
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Black-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Black-italic.woff2
new file mode 100644
index 0000000000..a74597c75a
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Black.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Black.woff2
new file mode 100644
index 0000000000..9e3d231e95
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Black.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Bold-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..8db2170400
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Bold.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Bold.woff2
new file mode 100644
index 0000000000..7c488a1fc2
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Light-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Light-italic.woff2
new file mode 100644
index 0000000000..453a47e1f6
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Light.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Light.woff2
new file mode 100644
index 0000000000..963464d171
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Medium-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Medium-italic.woff2
new file mode 100644
index 0000000000..efb74ef4f9
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Medium.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Medium.woff2
new file mode 100644
index 0000000000..e00106bab7
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Regular-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..ca7aa520fb
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Regular.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Regular.woff2
new file mode 100644
index 0000000000..0a6904a3f1
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Thin-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Thin-italic.woff2
new file mode 100644
index 0000000000..903912818f
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Thin.woff2 b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Thin.woff2
new file mode 100644
index 0000000000..99aecdaf18
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-cyrillic-ext-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-Black-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-Black-italic.woff2
new file mode 100644
index 0000000000..10b8d33981
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-Black.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-Black.woff2
new file mode 100644
index 0000000000..d1553d9bf2
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-Black.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-Bold-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-Bold-italic.woff2
new file mode 100644
index 0000000000..a4b33ed635
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-Bold.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-Bold.woff2
new file mode 100644
index 0000000000..56625d3e7a
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-Light-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-Light-italic.woff2
new file mode 100644
index 0000000000..45e83eddc4
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-Light.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-Light.woff2
new file mode 100644
index 0000000000..3f6eebcce6
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-Light.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-Medium-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-Medium-italic.woff2
new file mode 100644
index 0000000000..34eaff6e80
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-Medium.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-Medium.woff2
new file mode 100644
index 0000000000..6ee3a070dc
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-Regular-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-Regular-italic.woff2
new file mode 100644
index 0000000000..d28b3221ae
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-Regular.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-Regular.woff2
new file mode 100644
index 0000000000..c33025576e
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-Thin-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-Thin-italic.woff2
new file mode 100644
index 0000000000..36b1b1c2ba
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-Thin.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-Thin.woff2
new file mode 100644
index 0000000000..cf30f40df3
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-ext-Black-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-ext-Black-italic.woff2
new file mode 100644
index 0000000000..dd03a0828e
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-ext-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-ext-Black.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-ext-Black.woff2
new file mode 100644
index 0000000000..95617e94ab
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-ext-Black.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-ext-Bold-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..064576f459
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-ext-Bold.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-ext-Bold.woff2
new file mode 100644
index 0000000000..594c030e89
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-ext-Light-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-ext-Light-italic.woff2
new file mode 100644
index 0000000000..e1216ccd85
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-ext-Light.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-ext-Light.woff2
new file mode 100644
index 0000000000..faac3c8e2b
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-ext-Medium-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-ext-Medium-italic.woff2
new file mode 100644
index 0000000000..cc21fc280f
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-ext-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-ext-Medium.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-ext-Medium.woff2
new file mode 100644
index 0000000000..01dfe7c7c8
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-ext-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-ext-Regular-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..2e42cb44b0
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-ext-Regular.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-ext-Regular.woff2
new file mode 100644
index 0000000000..46a3bc3a04
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-ext-Thin-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-ext-Thin-italic.woff2
new file mode 100644
index 0000000000..241216abec
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-ext-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-greek-ext-Thin.woff2 b/blockbase/assets/fonts/roboto/roboto-greek-ext-Thin.woff2
new file mode 100644
index 0000000000..1bfeb317aa
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-greek-ext-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-latin-ext-Black-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-latin-ext-Black-italic.woff2
new file mode 100644
index 0000000000..3651170035
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-latin-ext-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-latin-ext-Black.woff2 b/blockbase/assets/fonts/roboto/roboto-latin-ext-Black.woff2
new file mode 100644
index 0000000000..1cb1c796bb
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-latin-ext-Black.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-latin-ext-Bold-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-latin-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..31c9bebc3f
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-latin-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-latin-ext-Bold.woff2 b/blockbase/assets/fonts/roboto/roboto-latin-ext-Bold.woff2
new file mode 100644
index 0000000000..54de557d6b
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-latin-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-latin-ext-Light-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-latin-ext-Light-italic.woff2
new file mode 100644
index 0000000000..659e95a6df
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-latin-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-latin-ext-Light.woff2 b/blockbase/assets/fonts/roboto/roboto-latin-ext-Light.woff2
new file mode 100644
index 0000000000..7ed1c60aa2
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-latin-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-latin-ext-Medium-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-latin-ext-Medium-italic.woff2
new file mode 100644
index 0000000000..401e9f6b58
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-latin-ext-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-latin-ext-Medium.woff2 b/blockbase/assets/fonts/roboto/roboto-latin-ext-Medium.woff2
new file mode 100644
index 0000000000..379417780f
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-latin-ext-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-latin-ext-Regular-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-latin-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..f174c977a9
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-latin-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-latin-ext-Regular.woff2 b/blockbase/assets/fonts/roboto/roboto-latin-ext-Regular.woff2
new file mode 100644
index 0000000000..ee30585a99
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-latin-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-latin-ext-Thin-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-latin-ext-Thin-italic.woff2
new file mode 100644
index 0000000000..d2bfd02c3d
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-latin-ext-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-latin-ext-Thin.woff2 b/blockbase/assets/fonts/roboto/roboto-latin-ext-Thin.woff2
new file mode 100644
index 0000000000..6263454d01
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-latin-ext-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-vietnamese-Black-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-vietnamese-Black-italic.woff2
new file mode 100644
index 0000000000..cd6e7279c7
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-vietnamese-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-vietnamese-Black.woff2 b/blockbase/assets/fonts/roboto/roboto-vietnamese-Black.woff2
new file mode 100644
index 0000000000..1b475538f3
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-vietnamese-Black.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-vietnamese-Bold-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-vietnamese-Bold-italic.woff2
new file mode 100644
index 0000000000..3ca9d8f29f
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-vietnamese-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-vietnamese-Bold.woff2 b/blockbase/assets/fonts/roboto/roboto-vietnamese-Bold.woff2
new file mode 100644
index 0000000000..7a7dec968f
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-vietnamese-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-vietnamese-Light-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-vietnamese-Light-italic.woff2
new file mode 100644
index 0000000000..505b51ac04
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-vietnamese-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-vietnamese-Light.woff2 b/blockbase/assets/fonts/roboto/roboto-vietnamese-Light.woff2
new file mode 100644
index 0000000000..5e01b443e8
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-vietnamese-Light.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-vietnamese-Medium-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-vietnamese-Medium-italic.woff2
new file mode 100644
index 0000000000..bf3e7dffb3
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-vietnamese-Medium-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-vietnamese-Medium.woff2 b/blockbase/assets/fonts/roboto/roboto-vietnamese-Medium.woff2
new file mode 100644
index 0000000000..faa56115b5
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-vietnamese-Medium.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-vietnamese-Regular-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-vietnamese-Regular-italic.woff2
new file mode 100644
index 0000000000..39dd436ea9
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-vietnamese-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-vietnamese-Regular.woff2 b/blockbase/assets/fonts/roboto/roboto-vietnamese-Regular.woff2
new file mode 100644
index 0000000000..f9448bfc58
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-vietnamese-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-vietnamese-Thin-italic.woff2 b/blockbase/assets/fonts/roboto/roboto-vietnamese-Thin-italic.woff2
new file mode 100644
index 0000000000..5f27ef86d5
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-vietnamese-Thin-italic.woff2 differ
diff --git a/blockbase/assets/fonts/roboto/roboto-vietnamese-Thin.woff2 b/blockbase/assets/fonts/roboto/roboto-vietnamese-Thin.woff2
new file mode 100644
index 0000000000..c5d94518ce
Binary files /dev/null and b/blockbase/assets/fonts/roboto/roboto-vietnamese-Thin.woff2 differ
diff --git a/blockbase/assets/fonts/rubik/font-face.css b/blockbase/assets/fonts/rubik/font-face.css
new file mode 100644
index 0000000000..e9d3d734cf
--- /dev/null
+++ b/blockbase/assets/fonts/rubik/font-face.css
@@ -0,0 +1,99 @@
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Rubik';
+	font-style: italic;
+	font-weight: 300 900;
+	font-display: swap;
+	src: url(./rubik-cyrillic-ext-300-900-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Rubik';
+	font-style: italic;
+	font-weight: 300 900;
+	font-display: swap;
+	src: url(./rubik-cyrillic-300-900-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* hebrew */
+@font-face {
+	font-family: 'Rubik';
+	font-style: italic;
+	font-weight: 300 900;
+	font-display: swap;
+	src: url(./rubik-hebrew-300-900-italic.woff2) format('woff2');
+	unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Rubik';
+	font-style: italic;
+	font-weight: 300 900;
+	font-display: swap;
+	src: url(./rubik-latin-ext-300-900-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Rubik';
+	font-style: italic;
+	font-weight: 300 900;
+	font-display: swap;
+	src: url(./rubik-300-900-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Rubik';
+	font-style: normal;
+	font-weight: 300 900;
+	font-display: swap;
+	src: url(./rubik-cyrillic-ext-300-900.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Rubik';
+	font-style: normal;
+	font-weight: 300 900;
+	font-display: swap;
+	src: url(./rubik-cyrillic-300-900.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* hebrew */
+@font-face {
+	font-family: 'Rubik';
+	font-style: normal;
+	font-weight: 300 900;
+	font-display: swap;
+	src: url(./rubik-hebrew-300-900.woff2) format('woff2');
+	unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Rubik';
+	font-style: normal;
+	font-weight: 300 900;
+	font-display: swap;
+	src: url(./rubik-latin-ext-300-900.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Rubik';
+	font-style: normal;
+	font-weight: 300 900;
+	font-display: swap;
+	src: url(./rubik-300-900.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/rubik/rubik-300-900-italic.woff2 b/blockbase/assets/fonts/rubik/rubik-300-900-italic.woff2
new file mode 100644
index 0000000000..9647adafa8
Binary files /dev/null and b/blockbase/assets/fonts/rubik/rubik-300-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/rubik/rubik-300-900.woff2 b/blockbase/assets/fonts/rubik/rubik-300-900.woff2
new file mode 100644
index 0000000000..37fd78b315
Binary files /dev/null and b/blockbase/assets/fonts/rubik/rubik-300-900.woff2 differ
diff --git a/blockbase/assets/fonts/rubik/rubik-cyrillic-300-900-italic.woff2 b/blockbase/assets/fonts/rubik/rubik-cyrillic-300-900-italic.woff2
new file mode 100644
index 0000000000..bf60d5d252
Binary files /dev/null and b/blockbase/assets/fonts/rubik/rubik-cyrillic-300-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/rubik/rubik-cyrillic-300-900.woff2 b/blockbase/assets/fonts/rubik/rubik-cyrillic-300-900.woff2
new file mode 100644
index 0000000000..2edf15230a
Binary files /dev/null and b/blockbase/assets/fonts/rubik/rubik-cyrillic-300-900.woff2 differ
diff --git a/blockbase/assets/fonts/rubik/rubik-cyrillic-ext-300-900-italic.woff2 b/blockbase/assets/fonts/rubik/rubik-cyrillic-ext-300-900-italic.woff2
new file mode 100644
index 0000000000..9a25e62b33
Binary files /dev/null and b/blockbase/assets/fonts/rubik/rubik-cyrillic-ext-300-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/rubik/rubik-cyrillic-ext-300-900.woff2 b/blockbase/assets/fonts/rubik/rubik-cyrillic-ext-300-900.woff2
new file mode 100644
index 0000000000..9976883972
Binary files /dev/null and b/blockbase/assets/fonts/rubik/rubik-cyrillic-ext-300-900.woff2 differ
diff --git a/blockbase/assets/fonts/rubik/rubik-hebrew-300-900-italic.woff2 b/blockbase/assets/fonts/rubik/rubik-hebrew-300-900-italic.woff2
new file mode 100644
index 0000000000..6b329637d8
Binary files /dev/null and b/blockbase/assets/fonts/rubik/rubik-hebrew-300-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/rubik/rubik-hebrew-300-900.woff2 b/blockbase/assets/fonts/rubik/rubik-hebrew-300-900.woff2
new file mode 100644
index 0000000000..0b97b37c35
Binary files /dev/null and b/blockbase/assets/fonts/rubik/rubik-hebrew-300-900.woff2 differ
diff --git a/blockbase/assets/fonts/rubik/rubik-latin-ext-300-900-italic.woff2 b/blockbase/assets/fonts/rubik/rubik-latin-ext-300-900-italic.woff2
new file mode 100644
index 0000000000..c5cabdca10
Binary files /dev/null and b/blockbase/assets/fonts/rubik/rubik-latin-ext-300-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/rubik/rubik-latin-ext-300-900.woff2 b/blockbase/assets/fonts/rubik/rubik-latin-ext-300-900.woff2
new file mode 100644
index 0000000000..1b6f430bf0
Binary files /dev/null and b/blockbase/assets/fonts/rubik/rubik-latin-ext-300-900.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/font-face.css b/blockbase/assets/fonts/source-sans-pro/font-face.css
new file mode 100644
index 0000000000..a1c2294265
--- /dev/null
+++ b/blockbase/assets/fonts/source-sans-pro/font-face.css
@@ -0,0 +1,839 @@
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-sans-pro-vietnamese-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-sans-pro-latin-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-sans-pro-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-Light-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-Light-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-sans-pro-vietnamese-Light-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-sans-pro-latin-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-sans-pro-Light-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-sans-pro-vietnamese-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-sans-pro-latin-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-sans-pro-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-ext-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-ext-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-sans-pro-vietnamese-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-sans-pro-latin-ext-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-sans-pro-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-sans-pro-vietnamese-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-sans-pro-latin-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-sans-pro-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-ext-Black-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-Black-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-ext-Black-italic.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-Black-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-sans-pro-vietnamese-Black-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-sans-pro-latin-ext-Black-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-sans-pro-Black-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-sans-pro-vietnamese-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-sans-pro-latin-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-sans-pro-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-ext-Light.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-Light.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-ext-Light.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-Light.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-sans-pro-vietnamese-Light.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-sans-pro-latin-ext-Light.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-sans-pro-Light.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-Regular.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-ext-Regular.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-Regular.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-sans-pro-vietnamese-Regular.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-sans-pro-latin-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-sans-pro-Regular.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-ext-SemiBold.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-SemiBold.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-ext-SemiBold.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-SemiBold.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-sans-pro-vietnamese-SemiBold.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-sans-pro-latin-ext-SemiBold.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-sans-pro-SemiBold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-ext-Bold.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-Bold.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-ext-Bold.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-Bold.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-sans-pro-vietnamese-Bold.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-sans-pro-latin-ext-Bold.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-sans-pro-Bold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-ext-Black.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-sans-pro-cyrillic-Black.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-ext-Black.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-sans-pro-greek-Black.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-sans-pro-vietnamese-Black.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-sans-pro-latin-ext-Black.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-sans-pro-Black.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Black-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Black-italic.woff2
new file mode 100644
index 0000000000..3329cc9df1
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Black.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Black.woff2
new file mode 100644
index 0000000000..4e6e5e23f3
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Black.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Bold-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Bold-italic.woff2
new file mode 100644
index 0000000000..b413356f73
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Bold.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Bold.woff2
new file mode 100644
index 0000000000..cd6bfd0f4b
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-ExtraLight-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..c455464d89
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-ExtraLight.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-ExtraLight.woff2
new file mode 100644
index 0000000000..60e59a1a27
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Light-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Light-italic.woff2
new file mode 100644
index 0000000000..a8e1fff22a
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Light.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Light.woff2
new file mode 100644
index 0000000000..fed32a9335
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Light.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Regular-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Regular-italic.woff2
new file mode 100644
index 0000000000..9448cd526e
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Regular.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Regular.woff2
new file mode 100644
index 0000000000..e49928e829
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-SemiBold-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-SemiBold-italic.woff2
new file mode 100644
index 0000000000..f26361752d
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-SemiBold.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-SemiBold.woff2
new file mode 100644
index 0000000000..587993b24c
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Black-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Black-italic.woff2
new file mode 100644
index 0000000000..0060c51740
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Black.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Black.woff2
new file mode 100644
index 0000000000..f9205d80e4
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Black.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Bold-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Bold-italic.woff2
new file mode 100644
index 0000000000..96139c097a
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Bold.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Bold.woff2
new file mode 100644
index 0000000000..4d09160aee
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ExtraLight-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..f3ba440513
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ExtraLight.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ExtraLight.woff2
new file mode 100644
index 0000000000..c579eb3bad
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Light-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Light-italic.woff2
new file mode 100644
index 0000000000..4e14ab3a55
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Light.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Light.woff2
new file mode 100644
index 0000000000..0336e33d34
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Light.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Regular-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Regular-italic.woff2
new file mode 100644
index 0000000000..180e76d94d
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Regular.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Regular.woff2
new file mode 100644
index 0000000000..70f01fcbfe
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-SemiBold-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-SemiBold-italic.woff2
new file mode 100644
index 0000000000..716f7ab7db
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-SemiBold.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-SemiBold.woff2
new file mode 100644
index 0000000000..ea0607b8cd
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Black-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Black-italic.woff2
new file mode 100644
index 0000000000..b4ab4f9e0d
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Black.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Black.woff2
new file mode 100644
index 0000000000..f0251b7a70
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Black.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Bold-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..ec2c5f7efe
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Bold.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Bold.woff2
new file mode 100644
index 0000000000..b5e72d1206
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-ExtraLight-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..7c51204e0d
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-ExtraLight.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-ExtraLight.woff2
new file mode 100644
index 0000000000..d751604763
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Light-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Light-italic.woff2
new file mode 100644
index 0000000000..edae9e96ed
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Light.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Light.woff2
new file mode 100644
index 0000000000..fa70af3a98
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Regular-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..7b21aa84a2
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Regular.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Regular.woff2
new file mode 100644
index 0000000000..5c9f701b2d
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-SemiBold-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-SemiBold-italic.woff2
new file mode 100644
index 0000000000..b9df903884
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-SemiBold.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-SemiBold.woff2
new file mode 100644
index 0000000000..5cf0998020
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-cyrillic-ext-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Black-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Black-italic.woff2
new file mode 100644
index 0000000000..9f9a56b119
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Black.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Black.woff2
new file mode 100644
index 0000000000..6c5f4afebf
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Black.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Bold-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Bold-italic.woff2
new file mode 100644
index 0000000000..d097885400
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Bold.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Bold.woff2
new file mode 100644
index 0000000000..d0a493f561
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ExtraLight-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..084bbe2c10
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ExtraLight.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ExtraLight.woff2
new file mode 100644
index 0000000000..60ffc387ef
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Light-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Light-italic.woff2
new file mode 100644
index 0000000000..270f673570
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Light.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Light.woff2
new file mode 100644
index 0000000000..51260e3f43
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Light.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Regular-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Regular-italic.woff2
new file mode 100644
index 0000000000..6a8b92a336
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Regular.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Regular.woff2
new file mode 100644
index 0000000000..33145f9424
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-SemiBold-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-SemiBold-italic.woff2
new file mode 100644
index 0000000000..539f347b8e
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-SemiBold.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-SemiBold.woff2
new file mode 100644
index 0000000000..8b03f91b49
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Black-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Black-italic.woff2
new file mode 100644
index 0000000000..0060c51740
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Black.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Black.woff2
new file mode 100644
index 0000000000..f309725d45
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Black.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Bold-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..96139c097a
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Bold.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Bold.woff2
new file mode 100644
index 0000000000..d62d6fcf99
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-ExtraLight-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..f3ba440513
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-ExtraLight.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-ExtraLight.woff2
new file mode 100644
index 0000000000..b511797f52
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Light-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Light-italic.woff2
new file mode 100644
index 0000000000..4e14ab3a55
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Light.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Light.woff2
new file mode 100644
index 0000000000..47872fbcbe
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Regular-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..180e76d94d
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Regular.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Regular.woff2
new file mode 100644
index 0000000000..69d26d8055
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-SemiBold-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-SemiBold-italic.woff2
new file mode 100644
index 0000000000..716f7ab7db
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-SemiBold.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-SemiBold.woff2
new file mode 100644
index 0000000000..de50d2b5b0
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-greek-ext-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Black-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Black-italic.woff2
new file mode 100644
index 0000000000..3548f130a8
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Black.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Black.woff2
new file mode 100644
index 0000000000..a954a5b3d5
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Black.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Bold-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..5ac389644d
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Bold.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Bold.woff2
new file mode 100644
index 0000000000..6c0d4e3b74
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-ExtraLight-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..14d71f0496
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-ExtraLight.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-ExtraLight.woff2
new file mode 100644
index 0000000000..15a6e9b7b4
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Light-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Light-italic.woff2
new file mode 100644
index 0000000000..8fd07bcab2
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Light.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Light.woff2
new file mode 100644
index 0000000000..2700577516
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Regular-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..0770522791
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Regular.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Regular.woff2
new file mode 100644
index 0000000000..f5d32d83ef
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-SemiBold-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-SemiBold-italic.woff2
new file mode 100644
index 0000000000..a54cca475f
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-SemiBold.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-SemiBold.woff2
new file mode 100644
index 0000000000..c6918d0761
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-latin-ext-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Black-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Black-italic.woff2
new file mode 100644
index 0000000000..4d91877d86
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Black.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Black.woff2
new file mode 100644
index 0000000000..0aa369929b
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Black.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Bold-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Bold-italic.woff2
new file mode 100644
index 0000000000..04f9648d80
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Bold.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Bold.woff2
new file mode 100644
index 0000000000..09ce38a0d6
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-ExtraLight-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..eff1dc49fb
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-ExtraLight.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-ExtraLight.woff2
new file mode 100644
index 0000000000..739e0b2bd1
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Light-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Light-italic.woff2
new file mode 100644
index 0000000000..c5990b3cfb
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Light.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Light.woff2
new file mode 100644
index 0000000000..7ae0d63c62
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Light.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Regular-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Regular-italic.woff2
new file mode 100644
index 0000000000..99f289532b
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Regular.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Regular.woff2
new file mode 100644
index 0000000000..ed1f90d05c
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-SemiBold-italic.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-SemiBold-italic.woff2
new file mode 100644
index 0000000000..0c53390a46
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-SemiBold.woff2 b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-SemiBold.woff2
new file mode 100644
index 0000000000..aa900b6923
Binary files /dev/null and b/blockbase/assets/fonts/source-sans-pro/source-sans-pro-vietnamese-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/font-face.css b/blockbase/assets/fonts/source-serif-pro/font-face.css
new file mode 100644
index 0000000000..7c179dd22b
--- /dev/null
+++ b/blockbase/assets/fonts/source-serif-pro/font-face.css
@@ -0,0 +1,719 @@
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-serif-pro-greek-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-serif-pro-vietnamese-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-serif-pro-latin-ext-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-serif-pro-ExtraLight-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-Light-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-serif-pro-greek-Light-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-serif-pro-vietnamese-Light-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-serif-pro-latin-ext-Light-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-serif-pro-Light-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-serif-pro-greek-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-serif-pro-vietnamese-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-serif-pro-latin-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-serif-pro-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-ext-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-serif-pro-greek-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-serif-pro-vietnamese-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-serif-pro-latin-ext-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-serif-pro-SemiBold-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-serif-pro-greek-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-serif-pro-vietnamese-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-serif-pro-latin-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-serif-pro-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-ext-Black-italic.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-Black-italic.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-serif-pro-greek-Black-italic.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-serif-pro-vietnamese-Black-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-serif-pro-latin-ext-Black-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: italic;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-serif-pro-Black-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-serif-pro-greek-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-serif-pro-vietnamese-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-serif-pro-latin-ext-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 200;
+	font-display: swap;
+	src: url(./source-serif-pro-ExtraLight.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-ext-Light.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-Light.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-serif-pro-greek-Light.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-serif-pro-vietnamese-Light.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-serif-pro-latin-ext-Light.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 300;
+	font-display: swap;
+	src: url(./source-serif-pro-Light.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-Regular.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-serif-pro-greek-Regular.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-serif-pro-vietnamese-Regular.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-serif-pro-latin-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./source-serif-pro-Regular.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-ext-SemiBold.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-SemiBold.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-serif-pro-greek-SemiBold.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-serif-pro-vietnamese-SemiBold.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-serif-pro-latin-ext-SemiBold.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 600;
+	font-display: swap;
+	src: url(./source-serif-pro-SemiBold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-ext-Bold.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-Bold.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-serif-pro-greek-Bold.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-serif-pro-vietnamese-Bold.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-serif-pro-latin-ext-Bold.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./source-serif-pro-Bold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-ext-Black.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-serif-pro-cyrillic-Black.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-serif-pro-greek-Black.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-serif-pro-vietnamese-Black.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-serif-pro-latin-ext-Black.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Serif Pro';
+	font-style: normal;
+	font-weight: 900;
+	font-display: swap;
+	src: url(./source-serif-pro-Black.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Black-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Black-italic.woff2
new file mode 100644
index 0000000000..17ed3cb881
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Black.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Black.woff2
new file mode 100644
index 0000000000..831d724412
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Black.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Bold-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Bold-italic.woff2
new file mode 100644
index 0000000000..31f9bf7dcb
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Bold.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Bold.woff2
new file mode 100644
index 0000000000..533f4f5eb3
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-ExtraLight-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..a7a823931b
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-ExtraLight.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-ExtraLight.woff2
new file mode 100644
index 0000000000..4587861459
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Light-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Light-italic.woff2
new file mode 100644
index 0000000000..44fb23ee67
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Light.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Light.woff2
new file mode 100644
index 0000000000..bc7eabcd4d
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Light.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Regular-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Regular-italic.woff2
new file mode 100644
index 0000000000..17430a84b8
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Regular.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Regular.woff2
new file mode 100644
index 0000000000..4e3ac83dde
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-SemiBold-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-SemiBold-italic.woff2
new file mode 100644
index 0000000000..7a431d1220
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-SemiBold.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-SemiBold.woff2
new file mode 100644
index 0000000000..31845a5aab
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Black-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Black-italic.woff2
new file mode 100644
index 0000000000..844a01d236
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Black.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Black.woff2
new file mode 100644
index 0000000000..10313b7fc8
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Black.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Bold-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Bold-italic.woff2
new file mode 100644
index 0000000000..0b33caaa8a
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Bold.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Bold.woff2
new file mode 100644
index 0000000000..ddc77ed7c6
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ExtraLight-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..b611395e25
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ExtraLight.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ExtraLight.woff2
new file mode 100644
index 0000000000..7268edb0a9
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Light-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Light-italic.woff2
new file mode 100644
index 0000000000..1df7819739
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Light.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Light.woff2
new file mode 100644
index 0000000000..fcd4a909d1
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Light.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Regular-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Regular-italic.woff2
new file mode 100644
index 0000000000..303ce4fe9a
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Regular.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Regular.woff2
new file mode 100644
index 0000000000..a6729f9765
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-SemiBold-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-SemiBold-italic.woff2
new file mode 100644
index 0000000000..e57b7fc178
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-SemiBold.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-SemiBold.woff2
new file mode 100644
index 0000000000..8511f609ae
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Black-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Black-italic.woff2
new file mode 100644
index 0000000000..ed11c8a31d
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Black.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Black.woff2
new file mode 100644
index 0000000000..fa47a7d5bd
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Black.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Bold-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..45b6adb810
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Bold.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Bold.woff2
new file mode 100644
index 0000000000..f861a35585
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-ExtraLight-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..84e09bc041
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-ExtraLight.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-ExtraLight.woff2
new file mode 100644
index 0000000000..8760e371a9
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Light-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Light-italic.woff2
new file mode 100644
index 0000000000..b574962fd8
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Light.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Light.woff2
new file mode 100644
index 0000000000..879e166ba2
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Regular-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..3278af2285
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Regular.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Regular.woff2
new file mode 100644
index 0000000000..e7c7817f69
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-SemiBold-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-SemiBold-italic.woff2
new file mode 100644
index 0000000000..46240c21b5
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-SemiBold.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-SemiBold.woff2
new file mode 100644
index 0000000000..5628ef8910
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-cyrillic-ext-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Black-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Black-italic.woff2
new file mode 100644
index 0000000000..b7f06a67c4
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Black.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Black.woff2
new file mode 100644
index 0000000000..342a162ca3
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Black.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Bold-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Bold-italic.woff2
new file mode 100644
index 0000000000..abe8f4da6b
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Bold.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Bold.woff2
new file mode 100644
index 0000000000..c03fb29722
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-ExtraLight-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..e737fed5bb
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-ExtraLight.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-ExtraLight.woff2
new file mode 100644
index 0000000000..7f3759a9e8
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Light-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Light-italic.woff2
new file mode 100644
index 0000000000..0e557afa54
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Light.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Light.woff2
new file mode 100644
index 0000000000..69947ef7e7
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Light.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Regular-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Regular-italic.woff2
new file mode 100644
index 0000000000..9e0209ca78
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Regular.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Regular.woff2
new file mode 100644
index 0000000000..c170d53e7f
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-SemiBold-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-SemiBold-italic.woff2
new file mode 100644
index 0000000000..27542a6430
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-SemiBold.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-SemiBold.woff2
new file mode 100644
index 0000000000..42b554500c
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-greek-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Black-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Black-italic.woff2
new file mode 100644
index 0000000000..f93a39e4f8
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Black.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Black.woff2
new file mode 100644
index 0000000000..136700c6d0
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Black.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Bold-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..0ea5597890
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Bold.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Bold.woff2
new file mode 100644
index 0000000000..bf336e1df1
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-ExtraLight-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..bffb8ad1cc
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-ExtraLight.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-ExtraLight.woff2
new file mode 100644
index 0000000000..0c640d5e79
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Light-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Light-italic.woff2
new file mode 100644
index 0000000000..394142d368
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Light.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Light.woff2
new file mode 100644
index 0000000000..ef2fcda6be
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Light.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Regular-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..b0ec3ce5a5
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Regular.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Regular.woff2
new file mode 100644
index 0000000000..94efb0e5e8
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-SemiBold-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-SemiBold-italic.woff2
new file mode 100644
index 0000000000..0619cbeed3
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-SemiBold.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-SemiBold.woff2
new file mode 100644
index 0000000000..c275c49df9
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-latin-ext-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Black-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Black-italic.woff2
new file mode 100644
index 0000000000..385e2b32c7
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Black-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Black.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Black.woff2
new file mode 100644
index 0000000000..aa71550890
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Black.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Bold-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Bold-italic.woff2
new file mode 100644
index 0000000000..39597725fb
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Bold.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Bold.woff2
new file mode 100644
index 0000000000..b48d1cfdb7
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-ExtraLight-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-ExtraLight-italic.woff2
new file mode 100644
index 0000000000..a805776db6
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-ExtraLight-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-ExtraLight.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-ExtraLight.woff2
new file mode 100644
index 0000000000..ec20f82974
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-ExtraLight.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Light-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Light-italic.woff2
new file mode 100644
index 0000000000..6aefa4e1e2
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Light-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Light.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Light.woff2
new file mode 100644
index 0000000000..428e698ace
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Light.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Regular-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Regular-italic.woff2
new file mode 100644
index 0000000000..915a033df7
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Regular.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Regular.woff2
new file mode 100644
index 0000000000..2c501740f9
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-SemiBold-italic.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-SemiBold-italic.woff2
new file mode 100644
index 0000000000..4fc2f85783
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-SemiBold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-SemiBold.woff2 b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-SemiBold.woff2
new file mode 100644
index 0000000000..3b2d1d6719
Binary files /dev/null and b/blockbase/assets/fonts/source-serif-pro/source-serif-pro-vietnamese-SemiBold.woff2 differ
diff --git a/blockbase/assets/fonts/space-mono/font-face.css b/blockbase/assets/fonts/space-mono/font-face.css
new file mode 100644
index 0000000000..8e499969e3
--- /dev/null
+++ b/blockbase/assets/fonts/space-mono/font-face.css
@@ -0,0 +1,119 @@
+/* vietnamese */
+@font-face {
+	font-family: 'Space Mono';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./space-mono-vietnamese-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Space Mono';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./space-mono-latin-ext-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Space Mono';
+	font-style: italic;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./space-mono-Regular-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Space Mono';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./space-mono-vietnamese-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Space Mono';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./space-mono-latin-ext-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Space Mono';
+	font-style: italic;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./space-mono-Bold-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Space Mono';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./space-mono-vietnamese-Regular.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Space Mono';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./space-mono-latin-ext-Regular.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Space Mono';
+	font-style: normal;
+	font-weight: 400;
+	font-display: swap;
+	src: url(./space-mono-Regular.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Space Mono';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./space-mono-vietnamese-Bold.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Space Mono';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./space-mono-latin-ext-Bold.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Space Mono';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(./space-mono-Bold.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/space-mono/space-mono-Bold-italic.woff2 b/blockbase/assets/fonts/space-mono/space-mono-Bold-italic.woff2
new file mode 100644
index 0000000000..4d8419dafc
Binary files /dev/null and b/blockbase/assets/fonts/space-mono/space-mono-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/space-mono/space-mono-Bold.woff2 b/blockbase/assets/fonts/space-mono/space-mono-Bold.woff2
new file mode 100644
index 0000000000..d449546b75
Binary files /dev/null and b/blockbase/assets/fonts/space-mono/space-mono-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/space-mono/space-mono-Regular-italic.woff2 b/blockbase/assets/fonts/space-mono/space-mono-Regular-italic.woff2
new file mode 100644
index 0000000000..8bcd5c3be0
Binary files /dev/null and b/blockbase/assets/fonts/space-mono/space-mono-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/space-mono/space-mono-Regular.woff2 b/blockbase/assets/fonts/space-mono/space-mono-Regular.woff2
new file mode 100644
index 0000000000..fb769e6b64
Binary files /dev/null and b/blockbase/assets/fonts/space-mono/space-mono-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/space-mono/space-mono-latin-ext-Bold-italic.woff2 b/blockbase/assets/fonts/space-mono/space-mono-latin-ext-Bold-italic.woff2
new file mode 100644
index 0000000000..c070336f3e
Binary files /dev/null and b/blockbase/assets/fonts/space-mono/space-mono-latin-ext-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/space-mono/space-mono-latin-ext-Bold.woff2 b/blockbase/assets/fonts/space-mono/space-mono-latin-ext-Bold.woff2
new file mode 100644
index 0000000000..e29c9d24a9
Binary files /dev/null and b/blockbase/assets/fonts/space-mono/space-mono-latin-ext-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/space-mono/space-mono-latin-ext-Regular-italic.woff2 b/blockbase/assets/fonts/space-mono/space-mono-latin-ext-Regular-italic.woff2
new file mode 100644
index 0000000000..e35a6fe75f
Binary files /dev/null and b/blockbase/assets/fonts/space-mono/space-mono-latin-ext-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/space-mono/space-mono-latin-ext-Regular.woff2 b/blockbase/assets/fonts/space-mono/space-mono-latin-ext-Regular.woff2
new file mode 100644
index 0000000000..6bf62af2f8
Binary files /dev/null and b/blockbase/assets/fonts/space-mono/space-mono-latin-ext-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/space-mono/space-mono-vietnamese-Bold-italic.woff2 b/blockbase/assets/fonts/space-mono/space-mono-vietnamese-Bold-italic.woff2
new file mode 100644
index 0000000000..4d46491345
Binary files /dev/null and b/blockbase/assets/fonts/space-mono/space-mono-vietnamese-Bold-italic.woff2 differ
diff --git a/blockbase/assets/fonts/space-mono/space-mono-vietnamese-Bold.woff2 b/blockbase/assets/fonts/space-mono/space-mono-vietnamese-Bold.woff2
new file mode 100644
index 0000000000..48c7dd87fa
Binary files /dev/null and b/blockbase/assets/fonts/space-mono/space-mono-vietnamese-Bold.woff2 differ
diff --git a/blockbase/assets/fonts/space-mono/space-mono-vietnamese-Regular-italic.woff2 b/blockbase/assets/fonts/space-mono/space-mono-vietnamese-Regular-italic.woff2
new file mode 100644
index 0000000000..a156d9e2c9
Binary files /dev/null and b/blockbase/assets/fonts/space-mono/space-mono-vietnamese-Regular-italic.woff2 differ
diff --git a/blockbase/assets/fonts/space-mono/space-mono-vietnamese-Regular.woff2 b/blockbase/assets/fonts/space-mono/space-mono-vietnamese-Regular.woff2
new file mode 100644
index 0000000000..e2a42e696a
Binary files /dev/null and b/blockbase/assets/fonts/space-mono/space-mono-vietnamese-Regular.woff2 differ
diff --git a/blockbase/assets/fonts/work-sans/font-face.css b/blockbase/assets/fonts/work-sans/font-face.css
new file mode 100644
index 0000000000..22e239795c
--- /dev/null
+++ b/blockbase/assets/fonts/work-sans/font-face.css
@@ -0,0 +1,59 @@
+/* vietnamese */
+@font-face {
+	font-family: 'Work Sans';
+	font-style: italic;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./work-sans-vietnamese-100-900-italic.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Work Sans';
+	font-style: italic;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./work-sans-latin-ext-100-900-italic.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Work Sans';
+	font-style: italic;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./work-sans-100-900-italic.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Work Sans';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./work-sans-vietnamese-100-900.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Work Sans';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./work-sans-latin-ext-100-900.woff2) format('woff2');
+	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Work Sans';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url(./work-sans-100-900.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/blockbase/assets/fonts/work-sans/work-sans-100-900-italic.woff2 b/blockbase/assets/fonts/work-sans/work-sans-100-900-italic.woff2
new file mode 100644
index 0000000000..15c9dcf8c3
Binary files /dev/null and b/blockbase/assets/fonts/work-sans/work-sans-100-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/work-sans/work-sans-100-900.woff2 b/blockbase/assets/fonts/work-sans/work-sans-100-900.woff2
new file mode 100644
index 0000000000..98be6719f0
Binary files /dev/null and b/blockbase/assets/fonts/work-sans/work-sans-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/work-sans/work-sans-latin-ext-100-900-italic.woff2 b/blockbase/assets/fonts/work-sans/work-sans-latin-ext-100-900-italic.woff2
new file mode 100644
index 0000000000..1c6252cfcc
Binary files /dev/null and b/blockbase/assets/fonts/work-sans/work-sans-latin-ext-100-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/work-sans/work-sans-latin-ext-100-900.woff2 b/blockbase/assets/fonts/work-sans/work-sans-latin-ext-100-900.woff2
new file mode 100644
index 0000000000..87133ab6ac
Binary files /dev/null and b/blockbase/assets/fonts/work-sans/work-sans-latin-ext-100-900.woff2 differ
diff --git a/blockbase/assets/fonts/work-sans/work-sans-vietnamese-100-900-italic.woff2 b/blockbase/assets/fonts/work-sans/work-sans-vietnamese-100-900-italic.woff2
new file mode 100644
index 0000000000..4f8c985134
Binary files /dev/null and b/blockbase/assets/fonts/work-sans/work-sans-vietnamese-100-900-italic.woff2 differ
diff --git a/blockbase/assets/fonts/work-sans/work-sans-vietnamese-100-900.woff2 b/blockbase/assets/fonts/work-sans/work-sans-vietnamese-100-900.woff2
new file mode 100644
index 0000000000..aafb25496f
Binary files /dev/null and b/blockbase/assets/fonts/work-sans/work-sans-vietnamese-100-900.woff2 differ
diff --git a/blockbase/assets/ponyfill.css b/blockbase/assets/ponyfill.css
index 4d05f7e9d3..e0c9af6790 100644
--- a/blockbase/assets/ponyfill.css
+++ b/blockbase/assets/ponyfill.css
@@ -343,97 +343,8 @@ input[type=checkbox] + label {
   line-height: 1em;
 }
 
-/**
- * Button
- */
-/**
- * Block Options
- */
-.wp-block-button.wp-block-button__link,
-.wp-block-button .wp-block-button__link, .wp-block-button__link.wp-block-button__link,
-.wp-block-button__link .wp-block-button__link {
-  border-width: 0;
-  padding-top: calc(var(--wp--custom--button--spacing--padding--top) + var(--wp--custom--button--border--width));
-  padding-bottom: calc(var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width));
-  padding-left: calc(var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width));
-  padding-right: calc(var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width));
-  text-decoration: none;
-  font-weight: var(--wp--custom--button--typography--font-weight);
-}
-.wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus, .wp-block-button__link.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button__link.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button__link.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button__link .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button__link .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button__link .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text);
-  --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background);
-  --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color);
-  opacity: 1;
-  color: var(--wp--custom--button--color--text);
-  background-color: var(--wp--custom--button--color--background);
-  border-color: currentColor;
-  border-color: var(--wp--custom--button--border--color);
-}
-.wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover svg,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus svg,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg, .wp-block-button__link.wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button__link.wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button__link.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg,
-.wp-block-button__link .wp-block-button__link:not(.has-background):not(.has-text-color):hover svg,
-.wp-block-button__link .wp-block-button__link:not(.has-background):not(.has-text-color):focus svg,
-.wp-block-button__link .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg {
-  fill: var(--wp--custom--button--color--text);
-}
-.wp-block-button.is-style-outline.wp-block-button__link,
-.wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button__link.is-style-outline.wp-block-button__link,
-.wp-block-button__link.is-style-outline .wp-block-button__link {
-  --wp--custom--button--color--text: var(--wp--custom--button--border--color);
-  --wp--custom--button--color--background: transparent;
-  border-style: var(--wp--custom--button--border--style);
-  border-width: var(--wp--custom--button--border--width);
-  padding-top: var(--wp--custom--button--spacing--padding--top);
-  padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
-  padding-left: var(--wp--custom--button--spacing--padding--left);
-  padding-right: var(--wp--custom--button--spacing--padding--right);
-  opacity: 1;
-  color: var(--wp--custom--button--color--text);
-  background-color: var(--wp--custom--button--color--background);
-  border-color: currentColor;
-}
-.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus, .wp-block-button__link.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button__link.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button__link.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button__link.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button__link.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button__link.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text);
-  --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background);
-  --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color);
-  opacity: 1;
-  color: var(--wp--custom--button--color--text);
-  background-color: var(--wp--custom--button--color--background);
-  border-color: currentColor;
-  border-color: var(--wp--custom--button--border--color);
-}
-.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg,
-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover svg,
-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus svg,
-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg, .wp-block-button__link.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button__link.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button__link.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg,
-.wp-block-button__link.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover svg,
-.wp-block-button__link.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus svg,
-.wp-block-button__link.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg {
-  fill: var(--wp--custom--button--color--text);
-}
-.wp-block-button.is-style-outline.wp-block-button__link svg,
-.wp-block-button.is-style-outline .wp-block-button__link svg, .wp-block-button__link.is-style-outline.wp-block-button__link svg,
-.wp-block-button__link.is-style-outline .wp-block-button__link svg {
-  fill: var(--wp--custom--button--color--text);
-}
-
-.wp-block-buttons .wp-block-button:last-child {
-  margin-bottom: 0;
+.wp-block-button:not(.is-style-outline) > a.has-background {
+  border-style: none;
 }
 
 .wp-block-calendar table caption {
@@ -619,141 +530,17 @@ p.has-drop-cap:not(:focus)::first-letter {
   font-weight: var(--wp--custom--post-author--font-weight);
 }
 
-.wp-block-post-comments label, .wp-block-post-comments .comment-meta {
-  font-size: var(--wp--custom--form--label--typography--font-size);
-}
-.wp-block-post-comments .reply {
-  margin-top: var(--wp--custom--gap--vertical);
-  margin-bottom: 0;
-}
-.wp-block-post-comments .reply a {
-  display: inline-block;
-  text-decoration: underline;
-}
-.wp-block-post-comments .reply a:hover {
-  text-decoration: none;
-}
-.wp-block-post-comments form {
-  display: grid;
-  column-gap: 1em;
-  grid-template-rows: auto;
-  grid-template-areas: "misc misc" "notes notes" "author author" "email url" "comment comment" "cookies-consent cookies-consent" "form-submit form-submit";
-}
-.wp-block-post-comments form input:not([type=submit]):not([type=checkbox]),
-.wp-block-post-comments form textarea {
-  font-size: var(--wp--custom--font-sizes--normal);
-  background: var(--wp--custom--color--background);
-  border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
-  width: 100%;
-}
-.wp-block-post-comments form textarea {
-  vertical-align: top;
-}
-.wp-block-post-comments form label:not([for=wp-comment-cookies-consent]) {
+.wp-block-comments-query-loop form label {
   font-size: var(--wp--custom--form--label--typography--font-size);
   font-weight: var(--wp--custom--form--label--typography--font-weight);
   letter-spacing: var(--wp--custom--form--label--typography--letter-spacing);
-  margin-bottom: var(--wp--custom--form--label--spacing--margin--bottom);
-  text-transform: var(--wp--custom--form--label--typography--text-transform);
-}
-.wp-block-post-comments form p {
-  margin-top: 0;
-  margin-bottom: var(--wp--custom--gap--vertical);
-}
-.wp-block-post-comments form > * {
-  grid-area: misc;
-}
-.wp-block-post-comments form .comment-notes {
-  grid-area: notes;
-}
-.wp-block-post-comments form .comment-form-author {
-  grid-area: author;
 }
-.wp-block-post-comments form .comment-form-email {
-  grid-area: email;
-}
-.wp-block-post-comments form .comment-form-url {
-  grid-area: url;
-}
-.wp-block-post-comments form .comment-form-comment {
-  grid-area: comment;
-}
-.wp-block-post-comments form .comment-form-cookies-consent {
-  grid-area: cookies-consent;
-}
-.wp-block-post-comments form .form-submit {
-  grid-area: form-submit;
-}
-.wp-block-post-comments form .comment-form-cookies-consent input[type=checkbox] {
-  border: 0;
-  clip: rect(1px, 1px, 1px, 1px);
-  -webkit-clip-path: inset(50%);
-          clip-path: inset(50%);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-  word-wrap: normal !important;
+.wp-block-comments-query-loop form .comment-form-cookies-consent input[type=checkbox]#wp-comment-cookies-consent {
   margin-left: 0;
+  margin-top: 1px;
 }
-.wp-block-post-comments form .comment-form-cookies-consent input[type=checkbox] + label {
-  display: inline-block;
-  line-height: calc(var(--wp--custom--form--checkbox--unchecked--sizing--height) + 2 * var(--wp--custom--form--border--width));
-  margin-left: 0;
-  padding-left: calc(var(--wp--custom--form--checkbox--unchecked--sizing--width) + var(--wp--custom--gap--baseline) / 1.5);
-  position: relative;
-}
-.wp-block-post-comments form .comment-form-cookies-consent input[type=checkbox] + label::before, .wp-block-post-comments form .comment-form-cookies-consent input[type=checkbox] + label::after {
-  box-sizing: border-box;
-}
-.wp-block-post-comments form .comment-form-cookies-consent input[type=checkbox] + ::before {
-  content: var(--wp--custom--form--checkbox--unchecked--content);
-  position: absolute;
-  top: var(--wp--custom--form--checkbox--unchecked--position--top);
-  left: var(--wp--custom--form--checkbox--unchecked--position--left);
-  width: var(--wp--custom--form--checkbox--unchecked--sizing--width);
-  height: var(--wp--custom--form--checkbox--unchecked--sizing--height);
-  border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
-}
-.wp-block-post-comments form .comment-form-cookies-consent input[type=checkbox]:checked + ::after {
-  content: var(--wp--custom--form--checkbox--checked--content);
-  position: absolute;
-  top: var(--wp--custom--form--checkbox--checked--position--top);
-  left: var(--wp--custom--form--checkbox--checked--position--left);
-  width: var(--wp--custom--form--checkbox--checked--sizing--width);
-  height: var(--wp--custom--form--checkbox--checked--sizing--height);
-  font-size: var(--wp--custom--form--checkbox--checked--font-size);
-}
-.wp-block-post-comments form .comment-form-cookies-consent input[type=checkbox]:focus + ::before {
-  outline: 1px dotted currentColor;
-  outline-offset: 2px;
-}
-.wp-block-post-comments .comment-reply-title small {
-  float: right;
-  font-size: 14px;
-}
-.wp-block-post-comments .commentlist {
-  margin-bottom: calc(2 * var(--wp--style--block-gap));
-}
-.wp-block-post-comments .commentlist .comment p {
-  font-size: var(--wp--custom--post-comment--typography--font-size);
-  line-height: var(--wp--custom--post-comment--typography--line-height);
-  margin-bottom: var(--wp--custom--gap--vertical);
-  margin-top: var(--wp--custom--gap--vertical);
-}
-.wp-block-post-comments .comment-body {
-  margin-bottom: calc(1.5 * var(--wp--style--block-gap));
-}
-.wp-block-post-comments .commentmetadata {
+.wp-block-comments-query-loop form .comment-form-cookies-consent input[type=checkbox]#wp-comment-cookies-consent + label {
   margin-left: 0;
-  margin-bottom: calc(0.75 * var(--wp--style--block-gap));
-}
-.wp-block-post-comments .comment-awaiting-moderation {
-  display: inline-block;
-  font-size: var(--wp--preset--font-size--small);
-  margin-bottom: var(--wp--custom--gap--baseline);
 }
 
 .wp-block-post-template {
@@ -1038,4 +825,42 @@ p.wp-block-site-tagline {
   mask-image: url(svg/post-tag.svg);
 }
 
+/*
+ * This is a refactored style sheet
+ * Currently it is being loaded within ponyfill
+ * As ponyfill gets refactored, add the necessary styles here.
+ */
+/*
+ * Button hover styles.
+ * Necessary until the following issue is resolved in Gutenberg:
+ * https://github.com/WordPress/gutenberg/issues/27075
+ */
+:is(.wp-block-search__button,
+.wp-block-button__link):is(:hover,
+:active,
+:focus) {
+  text-decoration: none;
+  cursor: pointer;
+  color: var(--wp--custom--button--hover--color--text);
+  background-color: var(--wp--custom--button--hover--color--background);
+  border-color: var(--wp--custom--button--hover--border--color);
+}
+
+:is(.wp-block-search__button,
+.wp-block-button__link):focus {
+  outline: 1.5px dotted var(--wp--preset--color--foreground);
+  outline-offset: 3px;
+}
+
+:is(.is-style-outline.wp-block-button,
+.is-style-outline.wp-block-button__link) {
+  color: var(--wp--custom--button--outline--color--text, var(--wp--custom--button--border--color));
+}
+
+:is(.is-style-outline > .wp-block-button__link,
+.is-style-outline.wp-block-button__link):not(.has-background):hover {
+  color: var(--wp--custom--button--outline--hover--color--text, var(--wp--custom--button--color--text));
+  background-color: var(--wp--custom--button--outline--hover--color--background, var(--wp--custom--button--color--background));
+}
+
 /*# sourceMappingURL=ponyfill.css.map */
\ No newline at end of file
diff --git a/blockbase/functions.php b/blockbase/functions.php
index 25ed464d74..02423118e1 100644
--- a/blockbase/functions.php
+++ b/blockbase/functions.php
@@ -23,17 +23,19 @@ function blockbase_support() {
 		// Enqueue editor styles.
 		add_editor_style(
 			array(
-				'/assets/ponyfill.css',
+				'/assets/ponyfill.css'
 			)
 		);
 
-		// Register two nav menus
-		register_nav_menus(
-			array(
-				'primary' => __( 'Primary Navigation', 'blockbase' ),
-				'social' => __( 'Social Navigation', 'blockbase' )
-			)
-		);
+		// Register two nav menus if Gutenberg is activated (otherwise the __experimentalMenuLocation attribute isn't available)
+		if ( defined( 'IS_GUTENBERG_PLUGIN' ) ) {
+			register_nav_menus(
+				array(
+					'primary' => __( 'Primary Navigation', 'blockbase' ),
+					'social'  => __( 'Social Navigation', 'blockbase' ),
+				)
+			);
+		}
 
 		add_filter(
 			'block_editor_settings_all',
@@ -63,13 +65,6 @@ function( $settings ) {
  * Enqueue scripts and styles.
  */
 function blockbase_editor_styles() {
-	// Enqueue editor styles.
-	add_editor_style(
-		array(
-			blockbase_fonts_url(),
-		)
-	);
-
 	// Add the child theme CSS if it exists.
 	if ( file_exists( get_stylesheet_directory() . '/assets/theme.css' ) ) {
 		add_editor_style(
@@ -84,78 +79,26 @@ function blockbase_editor_styles() {
  * Enqueue scripts and styles.
  */
 function blockbase_scripts() {
-	// Enqueue Google fonts
-	wp_enqueue_style( 'blockbase-fonts', blockbase_fonts_url(), array(), null );
 	wp_enqueue_style( 'blockbase-ponyfill', get_template_directory_uri() . '/assets/ponyfill.css', array(), wp_get_theme()->get( 'Version' ) );
 
 	// Add the child theme CSS if it exists.
 	if ( file_exists( get_stylesheet_directory() . '/assets/theme.css' ) ) {
-		wp_enqueue_style( 'blockbase-child-styles', get_stylesheet_directory_uri() . '/assets/theme.css', array('blockbase-ponyfill'), wp_get_theme()->get( 'Version' ) );
+		wp_enqueue_style( 'blockbase-child-styles', get_stylesheet_directory_uri() . '/assets/theme.css', array( 'blockbase-ponyfill' ), wp_get_theme()->get( 'Version' ) );
 	}
 }
 add_action( 'wp_enqueue_scripts', 'blockbase_scripts' );
 
-/**
- * Add Google webfonts
- *
- * @return $fonts_url
- */
-
-function blockbase_fonts_url() {
-	if ( ! class_exists( 'WP_Theme_JSON_Resolver_Gutenberg' ) ) {
-		return '';
-	}
-
-	$theme_data = WP_Theme_JSON_Resolver_Gutenberg::get_merged_data()->get_settings();
-	if ( empty( $theme_data ) || empty( $theme_data['typography'] ) || empty( $theme_data['typography']['fontFamilies'] ) ) {
-		return '';
-	}
-
-	$font_families = [];
-	if ( ! empty( $theme_data['typography']['fontFamilies']['custom'] ) ) {
-		foreach( $theme_data['typography']['fontFamilies']['custom'] as $font ) {
-			if ( ! empty( $font['google'] ) ) {
-				$font_families[] = $font['google'];
-			}
-		}
-
-	// NOTE: This should be removed once Gutenberg 12.1 lands stably in all environments
-	} else if ( ! empty( $theme_data['typography']['fontFamilies']['user'] ) ) {
-		foreach( $theme_data['typography']['fontFamilies']['user'] as $font ) {
-			if ( ! empty( $font['google'] ) ) {
-				$font_families[] = $font['google'];
-			}
-		}
-	// End Gutenberg < 12.1 compatibility patch
-
-	} else {
-		if ( ! empty( $theme_data['typography']['fontFamilies']['theme'] ) ) {
-			foreach( $theme_data['typography']['fontFamilies']['theme'] as $font ) {
-				if ( ! empty( $font['google'] ) ) {
-					$font_families[] = $font['google'];
-				}
-			}
-		}
-	}
-
-	if ( empty( $font_families ) ) {
-		return '';
-	}
-
-	// Make a single request for the theme or user fonts.
-	return esc_url_raw( 'https://fonts.googleapis.com/css2?' . implode( '&', array_unique( $font_families ) ) . '&display=swap' );
-}
-
 /**
  * Customize Global Styles
  */
 if ( class_exists( 'WP_Theme_JSON_Resolver_Gutenberg' ) ) {
 	require get_template_directory() . '/inc/customizer/wp-customize-colors.php';
-	require get_template_directory() . '/inc/customizer/wp-customize-color-palettes.php';
-	require get_template_directory() . '/inc/customizer/wp-customize-fonts.php';
 	require get_template_directory() . '/inc/social-navigation.php';
 }
 
+require get_template_directory() . '/inc/fonts/custom-fonts.php';
+
+
 // Force menus to reload
 add_action(
 	'customize_controls_enqueue_scripts',
@@ -163,7 +106,7 @@ static function () {
 		wp_enqueue_script(
 			'wp-customize-nav-menu-refresh',
 			get_template_directory_uri() . '/inc/customizer/wp-customize-nav-menu-refresh.js',
-			[ 'customize-nav-menus' ],
+			array( 'customize-nav-menus' ),
 			wp_get_theme()->get( 'Version' ),
 			true
 		);
diff --git a/blockbase/inc/block-patterns.php b/blockbase/inc/block-patterns.php
index be18197e8b..f007fc0d26 100644
--- a/blockbase/inc/block-patterns.php
+++ b/blockbase/inc/block-patterns.php
@@ -52,7 +52,7 @@ function blockbase_register_block_patterns() {
 						'title'      => __( 'Blockbase Header (' . $header_pattern . ')', 'blockbase' ),
 						'categories' => array( 'header' ),
 						'blockTypes' => array( 'core/template-part/header' ),
-						'content'    => file_get_contents (get_theme_file_path( '/block-template-parts/header-' . $header_pattern . '.html' )),
+						'content'    => file_get_contents (get_theme_file_path( '/parts/header-' . $header_pattern . '.html' )),
 					)
 				);
 			}
diff --git a/blockbase/inc/customizer/wp-customize-color-palette-control.css b/blockbase/inc/customizer/wp-customize-color-palette-control.css
deleted file mode 100644
index 533ef69687..0000000000
--- a/blockbase/inc/customizer/wp-customize-color-palette-control.css
+++ /dev/null
@@ -1,47 +0,0 @@
-.customize-control-color-palette .color-palette-group {
-	display: grid;
-	flex-wrap: wrap;
-	grid-template-columns: 1fr 1fr 1fr;
-	column-gap: 15px;
-	row-gap: 15px;
-}
-
-.customize-control-color-palette .color-palette-group input {
-    display: none;    
-}
-
-.customize-control-color-palette .color-palette-group .color-option {
-	padding: 0;
-}
-
-.customize-control-color-palette input:checked + .color-option .custom-color-palette {
-    border-color: #2271b1;
-}
-
-.custom-color-palette {
-	position: relative;
-	display: flex;
-	border-radius: 2px;
-	border: 1px solid rgba(0,0,0,0.1);
-	height: 50px;
-	width: 72px;
-	overflow: hidden;
-}
-
-.color-palette-label {
-	background: #000;
-	color: #fff;
-	font-size: 10px;
-	opacity: 0.7;
-	position: absolute;
-	bottom: 5px;
-	right: 0;
-	left: 0;
-	line-height: 1.2;
-	padding: 2px 0 3px 5px;
-}
-
-.color-stripe {
-	flex: 1 1 auto;
-	border: 1px solid rgba(0,0,0,0.1);
-}
\ No newline at end of file
diff --git a/blockbase/inc/customizer/wp-customize-color-palette-control.php b/blockbase/inc/customizer/wp-customize-color-palette-control.php
deleted file mode 100644
index 326047e76c..0000000000
--- a/blockbase/inc/customizer/wp-customize-color-palette-control.php
+++ /dev/null
@@ -1,44 +0,0 @@
-<?php
-/**
- * Color Palette Customizer Control
- *
- * Based on https://github.com/HardeepAsrani/o2
- */
-
-if ( class_exists( 'WP_Customize_Control' ) && ! class_exists( 'Color_Palette_Control' ) ) {
-	class Color_Palette_Control extends WP_Customize_Control {
-
-		public $type = 'color-palette';
-
-		public function enqueue() {
-			wp_enqueue_style( 'color-customization', get_template_directory_uri() . '/inc/customizer/wp-customize-color-palette-control.css' );
-		}
-
-		public function render_content() {
-			?>
-				<label>
-					<?php if ( ! empty( $this->label ) ) : ?>
-						<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
-					<?php endif;
-					if ( ! empty( $this->description ) ) : ?>
-						<span class="description customize-control-description"><?php echo esc_html( $this->description ); ?></span>
-					<?php endif; ?>
-					<div class="color-palette-group">
-					<?php foreach ( $this->choices as $value => $label ) : ?>
-						<input name="color_palette_<?php echo esc_attr( $this->id ); ?>" id="color_palette_<?php echo esc_attr( $this->id ); ?>_<?php echo esc_attr( $value ); ?>" type="radio" value="<?php echo esc_attr( $value ); ?>" <?php $this->link(); checked( $this->value(), $value ); ?> >
-							<label for="color_palette_<?php echo esc_attr( $this->id ); ?>_<?php echo esc_attr( $value ); ?>" class="color-option">
-								<div class="custom-color-palette">
-									<span class="color-palette-label"><?php echo esc_html( $label['label'] ); ?></span>
-									<?php foreach ( $label['colors'] as $slug => $color ) : ?>
-										<div class="color-stripe" style="background-color: <?php echo esc_attr( $color ); ?>">&nbsp;</div>
-									<?php endforeach; ?>
-									</tr>
-								</div>
-							</label>
-						</input>
-					<?php endforeach; ?>
-					</div>
-				</label>
-		<?php }
-	}
-}
diff --git a/blockbase/inc/customizer/wp-customize-color-palettes.js b/blockbase/inc/customizer/wp-customize-color-palettes.js
deleted file mode 100644
index 9e711e92bc..0000000000
--- a/blockbase/inc/customizer/wp-customize-color-palettes.js
+++ /dev/null
@@ -1,11 +0,0 @@
-wp.customize( 'color_palette', ( value ) => {
-	value.bind( ( newValue ) => {
-		const newPalette = colorPalettes[ newValue ].colors;
-		Object.keys( newPalette ).forEach( function ( slug ) {
-			const color = newPalette[ slug ];
-			wp.customize
-				.control( userColorSectionKey + slug )
-				.setting.set( color );
-		} );
-	} );
-} );
diff --git a/blockbase/inc/customizer/wp-customize-color-palettes.php b/blockbase/inc/customizer/wp-customize-color-palettes.php
deleted file mode 100644
index 85c6e40627..0000000000
--- a/blockbase/inc/customizer/wp-customize-color-palettes.php
+++ /dev/null
@@ -1,94 +0,0 @@
-<?php
-
-require_once ( __DIR__ . '/wp-customize-color-palette-control.php' );
-
-class GlobalStylesColorPalettes {
-	private $palettes = array();
-
-	private $section_key = 'customize-global-styles-colors';
-
-	function __construct() {
-		add_action( 'customize_register', array( $this, 'color_palette_control' ) );
-		add_action( 'customize_controls_enqueue_scripts', array( $this, 'customize_preview_js' ) );
-	}
-
-	function customize_preview_js() {
-		wp_enqueue_script( 'customizer-color-palettes', get_template_directory_uri() . '/inc/customizer/wp-customize-color-palettes.js', array( 'customize-controls' ) );
-		wp_localize_script( 'customizer-color-palettes', 'colorPalettes', $this->palettes );
-		wp_add_inline_script( 'customizer-color-palettes', 'var userColorSectionKey="' . $this->section_key . '";', 'before' );
-	}
-
-	function build_palettes( $theme_json ) {
-
-		$default_palette = $theme_json['settings']['color']['palette']['theme'];
-
-		$default_palette_setting = array();
-		foreach ( $default_palette as $default_color ) {
-			$default_palette_setting[ $default_color['slug'] ] = $default_color['color'];
-		}
-
-		$this->palettes['default-palette'] = array(
-			'label'  => 'Default',
-			'colors' => $default_palette_setting,
-		);
-
-		$custom_palettes = $theme_json['settings']['custom']['colorPalettes'];
-		if ( ! empty( $custom_palettes ) ) {
-			foreach ( $custom_palettes as $custom_palette ) {
-				$custom_palette_setting = array();
-				foreach ( $custom_palette['colors'] as $color_slug => $color ) {
-					//the alternative palettes need to have the same color mapping as the default one
-					if ( isset( $default_palette_setting[ $color_slug ] ) ) {
-						$custom_palette_setting[ $color_slug ] = $color;
-					}
-				}
-
-				$this->palettes[ $custom_palette['slug'] ] = array(
-					'label'  => $custom_palette['label'],
-					'colors' => $custom_palette_setting,
-				);
-			}
-		}
-	}
-
-	function color_palette_control( $wp_customize ) {
-
-		$theme_json = WP_Theme_JSON_Resolver_Gutenberg::get_theme_data()->get_raw_data();
-
-		if ( ! isset( $theme_json['settings']['custom']['colorPalettes'] ) ) {
-			return;
-		}
-
-		$this->build_palettes( $theme_json );
-
-		$wp_customize->add_setting(
-			'color_palette',
-			array(
-				'default'           => 'default-palette',
-				'capability'        => 'edit_theme_options',
-				'sanitize_callback' => array( __CLASS__, 'sanitize_color_palette' ),
-				'transport'         => 'postMessage', // We need this to stop the page refreshing.
-			)
-		);
-
-		$wp_customize->add_control(
-			new Color_Palette_Control(
-				$wp_customize,
-				'color_palette',
-				array(
-					'label'       => __( 'Color Scheme', 'blockbase' ),
-					'description' => __( 'Choose a color scheme for your website.', 'blockbase' ),
-					'section'     => $this->section_key,
-					'choices'     => $this->palettes,
-					'settings'    => 'color_palette',
-				)
-			)
-		);
-	}
-
-	static function sanitize_color_palette( $palette ) {
-		return sanitize_title( $palette );
-	}
-}
-
-new GlobalStylesColorPalettes;
diff --git a/blockbase/inc/customizer/wp-customize-colors-preview.js b/blockbase/inc/customizer/wp-customize-colors-preview.js
deleted file mode 100644
index a9d1634d9f..0000000000
--- a/blockbase/inc/customizer/wp-customize-colors-preview.js
+++ /dev/null
@@ -1,27 +0,0 @@
-if ( userColorPalette && userColorSectionKey ) {
-	// For each of the palette items add a listener
-	userColorPalette.forEach( ( paletteItem ) => {
-		const settingName = userColorSectionKey + paletteItem.slug;
-		wp.customize( settingName, ( value ) => {
-			value.bind( ( newValue ) => {
-				paletteItem.color = newValue;
-				blockBaseUpdateColorsPreview( userColorPalette );
-			} );
-		} );
-	} );
-}
-
-function blockBaseUpdateColorsPreview( palette ) {
-	// build the CSS variables to inject
-	let innerHTML = ':root,body{';
-	palette.forEach( ( paletteItem ) => {
-		innerHTML += `--wp--preset--color--${ paletteItem.slug }:${ paletteItem.color };`;
-	} );
-	innerHTML += ';}';
-
-	// inject them into the body
-	const styleElement = document.getElementById(
-		'global-styles-colors-customizations-inline-css'
-	);
-	styleElement.innerHTML = innerHTML;
-}
diff --git a/blockbase/inc/customizer/wp-customize-colors.php b/blockbase/inc/customizer/wp-customize-colors.php
index 3f3271db5a..147eac2b30 100644
--- a/blockbase/inc/customizer/wp-customize-colors.php
+++ b/blockbase/inc/customizer/wp-customize-colors.php
@@ -1,94 +1,15 @@
 <?php
 
-require_once( __DIR__ . '/wp-customize-global-styles-setting.php' );
-require_once( __DIR__ . '/wp-customize-utils.php' );
-
 class GlobalStylesColorCustomizer {
 
 	private $section_key = 'customize-global-styles-colors';
 
-	private $user_color_palette;
-
 	function __construct() {
 		add_action( 'customize_register', array( $this, 'initialize' ) );
-		add_action( 'customize_preview_init', array( $this, 'customize_preview_js' ) );
-		add_action( 'customize_register', array( $this, 'create_customization_style_element' ) );
-		add_action( 'customize_save_after', array( $this, 'handle_customize_save_after' ) );
-	}
-
-	function customize_preview_js() {
-		wp_enqueue_script( 'customizer-preview-color', get_template_directory_uri() . '/inc/customizer/wp-customize-colors-preview.js', array( 'customize-preview' ) );
-		wp_add_inline_script( 'customizer-preview-color', 'var userColorSectionKey="' . $this->section_key . '";', 'before' );
-		wp_localize_script( 'customizer-preview-color', 'userColorPalette', $this->user_color_palette );
-	}
-
-	function update_user_color_palette( $wp_customize ) {
-		foreach ( $this->user_color_palette as $key => $palette_item ) {
-			$setting = $wp_customize->get_setting( $this->section_key . $palette_item['slug'] );
-			if ( null !== $setting->post_value() ) {
-				$this->user_color_palette[ $key ]['color'] = $setting->post_value();
-			}
-		}
-	}
-
-	function create_customization_style_element( $wp_customize ) {
-		wp_enqueue_style( 'global-styles-colors-customizations', ' ', array( 'global-styles' ) ); // This needs to load after global_styles, hence the dependency
-
-		$this->update_user_color_palette( $wp_customize );
-
-		$css = ':root,body{';
-		foreach ( $this->user_color_palette as $key => $palette_item ) {
-			$setting = $wp_customize->get_setting( $this->section_key . $palette_item['slug'] );
-			$css    .= '--wp--preset--color--' . $palette_item['slug'] . ':' . $palette_item['color'] . ';';
-		}
-		$css .= '}';
-
-		wp_add_inline_style( 'global-styles-colors-customizations', $css );
 	}
 
 	function initialize( $wp_customize ) {
-		$this->user_color_palette = $this->build_user_color_palette();
-		$this->register_color_controls( $wp_customize, $this->user_color_palette );
-	}
-
-	function build_user_color_palette() {
-		// Get the merged theme.json.
-		$theme_json = WP_Theme_JSON_Resolver_Gutenberg::get_merged_data()->get_raw_data();
-
-		$combined_color_palette = $theme_json['settings']['color']['palette']['theme'];
-		$user_color_palette     = null;
-		if ( isset( $theme_json['settings']['color']['palette']['custom'] ) ) {
-			$user_color_palette = $theme_json['settings']['color']['palette']['custom'];
-		}
-
-		// Combine theme settings with user settings.
-		foreach ( $combined_color_palette as $key => $palette_item ) {
-			//use user color value if there is one
-			$user_color_value = $this->get_user_color_value( $palette_item['slug'], $user_color_palette );
-			if ( isset( $user_color_value ) ) {
-				$combined_color_palette[ $key ]['color'] = $user_color_value;
-			}
-		}
-
-		return $combined_color_palette;
-	}
-
-	function get_user_color_value( $slug, $palette ) {
-		if ( ! isset( $palette ) ) {
-			return null;
-		}
-		foreach ( $palette as $palette_item ) {
-			if ( $palette_item['slug'] === $slug ) {
-				return $palette_item['color'];
-			}
-		}
-		return null;
-	}
-
-	function register_color_controls( $wp_customize, $palette ) {
 		$theme = wp_get_theme();
-
-		//Add a Section to the Customizer for these bits
 		$wp_customize->add_section(
 			$this->section_key,
 			array(
@@ -98,87 +19,29 @@ function register_color_controls( $wp_customize, $palette ) {
 			)
 		);
 
-		foreach ( $palette as $palette_item ) {
-			$this->register_color_control( $wp_customize, $palette_item );
-		}
-	}
-
-	function register_color_control( $wp_customize, $palette_item ) {
-		$setting_key = $this->section_key . $palette_item['slug'];
-
-		$global_styles_setting = new WP_Customize_Global_Styles_Setting(
-			$wp_customize,
-			$setting_key,
-			array(
-				'user_value' => $palette_item['color'],
-			)
-		);
-		$wp_customize->add_setting(
-			$global_styles_setting,
+		$wp_customize->add_control(
+			$this->section_key . '-migration-notice',
 			array(
-				'sanitize_callback' => 'sanitize_hex_color',
+				'type'        => 'hidden',
+				'description' => '<div class="notice notice-info">
+				<p>' . __( 'Color customization for this theme is now available exclusively in the Full Site Editor Global Styles panel.<br><br>Featured Palettes can now be found in the Full Site Editor as Theme Variations.', 'blockbase' ) . '</p>
+				</div>',
+				'settings'    => array(),
+				'section'     => $this->section_key,
 			)
 		);
 
 		$wp_customize->add_control(
-			new WP_Customize_Color_Control(
-				$wp_customize,
-				$setting_key,
-				array(
-					'section' => $this->section_key,
-					'label'   => $palette_item['name'],
-				)
+			$this->section_key . '-site-editor-button',
+			array(
+				'type'        => 'hidden',
+				'description' => sprintf( '<a class="button button-primary" href=%s style="font-style: normal;" >Use Site Editor</a>', esc_url( admin_url( 'site-editor.php?styles=open' ) ) ),
+				'settings'    => array(),
+				'section'     => $this->section_key,
 			)
 		);
 	}
 
-	function handle_customize_save_after( $wp_customize ) {
-		//update the palette based on the controls
-		$this->update_user_color_palette( $wp_customize );
-
-		// Get the user's theme.json from the CPT.
-		$user_custom_post_type_id = WP_Theme_JSON_Resolver_Gutenberg::get_user_global_styles_post_id();
-		$global_styles_controller = new Gutenberg_REST_Global_Styles_Controller();
-		$get_request              = new WP_REST_Request( 'GET', '/wp/v2/global-styles/' );
-
-		$get_request->set_param( 'id', $user_custom_post_type_id );
-		$global_styles = $global_styles_controller->get_item( $get_request );
-
-		// converts data to array (in some cases settings and styles are objects insted of arrays)
-		$new_settings = (array) $global_styles->data['settings'];
-		$new_styles   = (array) $global_styles->data['styles'];
-
-		// Set the new color settings
-		$new_settings['color']['palette']['theme'] = $this->user_color_palette;
-		// We used to set the values in 'custom' but moved to 'theme' to mirror GS functionality.
-		// This ensures that new saves don't store the customizations in both places.
-		if($new_settings['color']['palette']['custom']) {
-			foreach ( $new_settings['color']['palette']['theme'] as $theme_color ) {
-				foreach ( $new_settings['color']['palette']['custom'] as $key => $custom_color ) {
-					if( $theme_color['slug'] === $custom_color['slug'] ) {
-						unset( $new_settings['color']['palette']['custom'][$key] );
-					}
-				}
-			}
-			if ( ! $new_settings['color']['palette']['custom'] ) {
-				unset ( $new_settings['color']['palette']['custom'] );
-			}
-		}
-
-		// Add the updated global styles to the update request
-		$update_request = new WP_REST_Request( 'PUT', '/wp/v2/global-styles/' );
-		$update_request->set_param( 'id', $user_custom_post_type_id );
-		$update_request->set_param( 'settings', $new_settings );
-		$update_request->set_param( 'styles', $new_styles );
-
-		// Update the theme.json with the new settings.
-		$updated_global_styles = $global_styles_controller->update_item( $update_request );
-		delete_transient( 'global_styles' );
-		delete_transient( 'global_styles_' . get_stylesheet() );
-		delete_transient( 'gutenberg_global_styles' );
-		delete_transient( 'gutenberg_global_styles_' . get_stylesheet() );
-	}
-
 }
 
 new GlobalStylesColorCustomizer;
diff --git a/blockbase/inc/customizer/wp-customize-fonts-control.js b/blockbase/inc/customizer/wp-customize-fonts-control.js
deleted file mode 100644
index 27d1dac1f9..0000000000
--- a/blockbase/inc/customizer/wp-customize-fonts-control.js
+++ /dev/null
@@ -1,91 +0,0 @@
-wp.customize.bind( 'ready', () => {
-	let resetButton;
-	let fontBodyControl;
-	let fontHeadingControl;
-
-	wp.customize.control(
-		'customize-global-styles-fonts-reset-button',
-		( control ) => {
-			control.container
-				.find( '.button' )
-				.on( 'click', resetFontSelection );
-			resetButton = control.container[ 0 ];
-			resetButton.hidden = determineIfSetToDetault();
-		}
-	);
-
-	// If the body and heading controls are null then the font customization is using
-	// the old format. We need to hide these controls so that the user is forced to
-	// reset to defaults before making other changes.
-	wp.customize.control( 'customize-global-styles-fontsbody', ( control ) => {
-		fontBodyControl = control.container[ 0 ];
-		fontBodyControl.hidden = determineIfNull();
-	} );
-	wp.customize.control(
-		'customize-global-styles-fontsheading',
-		( control ) => {
-			fontHeadingControl = control.container[ 0 ];
-			fontHeadingControl.hidden = determineIfNull();
-		}
-	);
-
-	wp.customize(
-		'customize-global-styles-fontsbody',
-		bindControlToHideResetButton
-	);
-	wp.customize(
-		'customize-global-styles-fontsheading',
-		bindControlToHideResetButton
-	);
-
-	function bindControlToHideResetButton( control ) {
-		control.bind( () => {
-			resetButton.hidden = false;
-			fontHeadingControl.hidden = false;
-			fontBodyControl.hidden = false;
-		} );
-	}
-
-	function determineIfSetToDetault() {
-		return (
-			fontControlDefaultBody[ 0 ] ===
-				wp.customize.settings.settings[
-					'customize-global-styles-fontsbody'
-				].value &&
-			fontControlDefaultHeading[ 0 ] ===
-				wp.customize.settings.settings[
-					'customize-global-styles-fontsheading'
-				].value
-		);
-	}
-
-	function determineIfNull() {
-		return ! (
-			wp.customize.settings.settings[
-				'customize-global-styles-fontsbody'
-			].value &&
-			wp.customize.settings.settings[
-				'customize-global-styles-fontsheading'
-			].value
-		);
-	}
-
-	function resetFontSelection() {
-		const shouldWeReload = determineIfNull();
-		wp.customize( 'customize-global-styles-fontsbody', ( item ) => {
-			item.set( fontControlDefaultBody[ 0 ] );
-		} );
-		wp.customize( 'customize-global-styles-fontsheading', ( item ) => {
-			item.set( fontControlDefaultHeading[ 0 ] );
-		} );
-		resetButton.hidden = true;
-
-		// If the body and heading controls are null then the font customization is using
-		// the old format. We need to get the user to reset to default and then reload
-		// before they make other customizations.
-		if ( shouldWeReload ) {
-			wp.customize.previewer.save();
-			wp.customize.previewer.refresh();
-		}
-	}
-} );
diff --git a/blockbase/inc/customizer/wp-customize-fonts-preview.js b/blockbase/inc/customizer/wp-customize-fonts-preview.js
deleted file mode 100644
index b889856a35..0000000000
--- a/blockbase/inc/customizer/wp-customize-fonts-preview.js
+++ /dev/null
@@ -1,26 +0,0 @@
-if ( fontSettings ) {
-	Object.keys( fontSettings ).forEach( function ( selector ) {
-		wp.customize( 'customize-global-styles-fonts' + selector, function (
-			control
-		) {
-			control.bind( ( newFont ) => {
-				fontFamily = googleFonts[ newFont ][ 'fontFamily' ];
-				fontSettings[ selector ] = fontFamily;
-				blockBaseUpdateFontPreview();
-			} );
-		} );
-	} );
-}
-
-function blockBaseUpdateFontPreview() {
-	let innerHTML = 'body {';
-	innerHTML += `--wp--preset--font-family--body-font:${ fontSettings[ 'body' ] };`;
-	innerHTML += `--wp--preset--font-family--heading-font:${ fontSettings[ 'heading' ] };`;
-	innerHTML += '}';
-
-	// Inject them into the body.
-	const styleElement = document.getElementById(
-		'global-styles-fonts-customizations-inline-css'
-	);
-	styleElement.innerHTML = innerHTML;
-}
diff --git a/blockbase/inc/customizer/wp-customize-fonts.php b/blockbase/inc/customizer/wp-customize-fonts.php
index c2457292f2..03c47d0ca7 100644
--- a/blockbase/inc/customizer/wp-customize-fonts.php
+++ b/blockbase/inc/customizer/wp-customize-fonts.php
@@ -1,554 +1,50 @@
 <?php
-
-require_once( __DIR__ . '/wp-customize-global-styles-setting.php' );
-require_once( __DIR__ . '/wp-customize-utils.php' );
-
 class GlobalStylesFontsCustomizer {
 
 	private $section_key = 'customize-global-styles-fonts';
 
-	private $font_settings;
-
-	private $font_control_default_body;
-	private $font_control_default_heading;
-
-	//Not all fonts support v2 of the API that allows for the shorter URls
-	//list of supported fonts: https://fonts.google.com/variablefonts
-	private $fonts = array(
-		'system-font'       => array(
-			'fontFamily' => '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif',
-			'slug'       => 'system-font',
-			'name'       => 'System Font',
-		),
-		'arvo'              => array(
-			'fontFamily' => '"Arvo", serif',
-			'slug'       => 'arvo',
-			'name'       => 'Arvo',
-			'google'     => 'family=Arvo:ital,wght@0,400;0,700;1,400;1,700',
-		),
-		'bodoni-moda'       => array(
-			'fontFamily' => '"Bodoni Moda", serif',
-			'slug'       => 'bodoni-moda',
-			'name'       => 'Bodoni Moda',
-			'google'     => 'family=Bodoni+Moda:ital,wght@0,400..900;1,400..900',
-		),
-		'cabin'             => array(
-			'fontFamily' => '"Cabin", sans-serif',
-			'slug'       => 'cabin',
-			'name'       => 'Cabin',
-			'google'     => 'family=Cabin:ital,wght@0,400..700;1,400..700',
-		),
-		'chivo'             => array(
-			'fontFamily' => '"Chivo", sans-serif',
-			'slug'       => 'chivo',
-			'name'       => 'Chivo',
-			'google'     => 'family=Chivo:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900',
-		),
-		'courier-prime'     => array(
-			'fontFamily' => '"Courier Prime", serif',
-			'slug'       => 'courier-prime',
-			'name'       => 'Courier Prime',
-			'google'     => 'family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700',
-		),
-		'dm-sans'           => array(
-			'fontFamily' => '"DM Sans", sans-serif',
-			'slug'       => 'dm-sans',
-			'name'       => 'DM Sans',
-			'google'     => 'family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"',
-		),
-		'domine'            => array(
-			'fontFamily' => '"Domine", serif',
-			'slug'       => 'domine',
-			'name'       => 'Domine',
-			'google'     => 'family=Domine:wght@400..700',
-		),
-		'eb-garamond'       => array(
-			'fontFamily' => '"EB Garamond", serif',
-			'slug'       => 'eb-garamond',
-			'name'       => 'EB Garamond',
-			'google'     => 'family=EB+Garamond:ital,wght@0,400..800;1,400..800',
-		),
-		'fira-sans'         => array(
-			'fontFamily' => '"Fira Sans", sans-serif',
-			'slug'       => 'fira-sans',
-			'name'       => 'Fira Sans',
-			'google'     => 'family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900',
-		),
-		'ibm-plex-mono'     => array(
-			'fontFamily' => '"IBM Plex Mono", monospace',
-			'slug'       => 'ibm-plex-mono',
-			'name'       => 'IBM Plex Mono',
-			'google'     => 'family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700',
-		),
-		'inter'             => array(
-			'fontFamily' => '"Inter", sans-serif',
-			'slug'       => 'inter',
-			'name'       => 'Inter',
-			'google'     => 'family=Inter:wght@100..900',
-		),
-		'josefin-sans'      => array(
-			'fontFamily' => '"Josefin Sans", sans-serif',
-			'slug'       => 'josefin-sans',
-			'name'       => 'Josefin Sans',
-			'google'     => 'family=Josefin+Sans:ital,wght@0,100..700;1,100..700',
-		),
-		'libre-baskerville' => array(
-			'fontFamily' => '"Libre Baskerville", serif',
-			'slug'       => 'libre-baskerville',
-			'name'       => 'Libre Baskerville',
-			'google'     => 'family=Libre+Baskerville:ital,wght@0,400;0,700;1,400',
-		),
-		'libre-franklin'    => array(
-			'fontFamily' => '"Libre Franklin", sans-serif',
-			'slug'       => 'libre-franklin',
-			'name'       => 'Libre Franklin',
-			'google'     => 'family=Libre+Franklin:ital,wght@0,100..900;1,100..900',
-		),
-		'lora'              => array(
-			'fontFamily' => '"Lora", serif',
-			'slug'       => 'lora',
-			'name'       => 'Lora',
-			'google'     => 'family=Lora:ital,wght@0,400..700;1,400..700',
-		),
-		'merriweather'      => array(
-			'fontFamily' => '"Merriweather", serif',
-			'slug'       => 'merriweather',
-			'name'       => 'Merriweather',
-			'google'     => 'family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900',
-		),
-		'montserrat'        => array(
-			'fontFamily' => '"Montserrat", sans-serif',
-			'slug'       => 'montserrat',
-			'name'       => 'Montserrat',
-			'google'     => 'family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900',
-		),
-		'nunito'            => array(
-			'fontFamily' => '"Nunito", sans-serif',
-			'slug'       => 'nunito',
-			'name'       => 'Nunito',
-			'google'     => 'family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900',
-		),
-		'open-sans'         => array(
-			'fontFamily' => '"Open Sans", sans-serif',
-			'slug'       => 'open-sans',
-			'name'       => 'Open Sans',
-			'google'     => 'family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800',
-		),
-		'overpass'          => array(
-			'fontFamily' => '"Overpass", sans-serif',
-			'slug'       => 'overpass',
-			'name'       => 'Overpass',
-			'google'     => 'family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900',
-		),
-		'playfair-display'  => array(
-			'fontFamily' => '"Playfair Display", serif',
-			'slug'       => 'playfair-display',
-			'name'       => 'Playfair Display',
-			'google'     => 'family=Playfair+Display:ital,wght@0,400..900;1,400..900',
-		),
-		'poppins'           => array(
-			'fontFamily' => '"Poppins", sans-serif',
-			'slug'       => 'poppins',
-			'name'       => 'Poppins',
-			'google'     => 'family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900',
-		),
-		'raleway'           => array(
-			'fontFamily' => '"Raleway", sans-serif',
-			'slug'       => 'raleway',
-			'name'       => 'Raleway',
-			'google'     => 'family=Raleway:ital,wght@0,100..900;1,100..900',
-		),
-		'red-hat-display'   => array(
-			'fontFamily' => '"Red Hat Display", sans-serif',
-			'slug'       => 'red-hat-display',
-			'name'       => 'Red Hat Display',
-			'google'     => 'family=Red+Hat+Display:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900',
-		),
-		'roboto'            => array(
-			'fontFamily' => '"Roboto", sans-serif',
-			'slug'       => 'roboto',
-			'name'       => 'Roboto',
-			'google'     => 'family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900',
-		),
-		'roboto-slab'       => array(
-			'fontFamily' => '"Roboto Slab", sans-serif',
-			'slug'       => 'roboto-slab',
-			'name'       => 'Roboto Slab',
-			'google'     => 'family=Roboto+Slab:wght@100..900',
-		),
-		'rubik'             => array(
-			'fontFamily' => '"Rubik", sans-serif',
-			'slug'       => 'rubik',
-			'name'       => 'Rubik',
-			'google'     => 'family=Rubik:ital,wght@0,300..900;1,300..900',
-		),
-		'source-sans-pro'   => array(
-			'fontFamily' => '"Source Sans Pro", sans-serif',
-			'slug'       => 'source-sans-pro',
-			'name'       => 'Source Sans Pro',
-			'google'     => 'family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900',
-		),
-		'source-serif-pro'  => array(
-			'fontFamily' => '"Source Serif Pro", serif',
-			'slug'       => 'source-serif-pro',
-			'name'       => 'Source Serif Pro',
-			'google'     => 'family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900',
-		),
-		'space-mono'        => array(
-			'fontFamily' => '"Space Mono", sans-serif',
-			'slug'       => 'space-mono',
-			'name'       => 'Space Mono',
-			'google'     => 'family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700',
-		),
-		'work-sans'         => array(
-			'fontFamily' => '"Work Sans", sans-serif',
-			'slug'       => 'work-sans',
-			'name'       => 'Work Sans',
-			'google'     => 'family=Work+Sans:ital,wght@0,100..900;1,100..900',
-		),
-	);
-
 	function __construct() {
-		add_action( 'customize_register', array( $this, 'initialize' ) );
-		add_action( 'customize_preview_init', array( $this, 'handle_customize_preview_init' ) );
-		add_action( 'customize_register', array( $this, 'enqueue_google_fonts' ) );
-		add_action( 'customize_save_after', array( $this, 'handle_customize_save_after' ) );
-		add_action( 'customize_controls_enqueue_scripts', array( $this, 'customize_control_js' ) );
-	}
-
-	function handle_customize_preview_init( $wp_customize ) {
-		$this->update_font_settings( $wp_customize );
-		$this->customize_preview_js( $wp_customize );
-		$this->create_customization_style_element( $wp_customize );
-	}
-
-	function customize_preview_js( $wp_customize ) {
-		if ( $this->fonts && $this->font_settings ) {
-			wp_enqueue_script( 'customizer-preview-fonts', get_template_directory_uri() . '/inc/customizer/wp-customize-fonts-preview.js', array( 'customize-preview' ) );
-			wp_localize_script( 'customizer-preview-fonts', 'googleFonts', $this->fonts );
-			wp_localize_script( 'customizer-preview-fonts', 'fontSettings', $this->font_settings );
-		}
-	}
-
-	function customize_control_js() {
-		if ( $this->font_control_default_body && $this->font_control_default_heading ) {
-			wp_enqueue_script( 'customizer-font-control', get_template_directory_uri() . '/inc/customizer/wp-customize-fonts-control.js', array( 'customize-controls' ), null, true );
-			wp_localize_script( 'customizer-font-control', 'fontControlDefaultBody', array( $this->font_control_default_body ) );
-			wp_localize_script( 'customizer-font-control', 'fontControlDefaultHeading', array( $this->font_control_default_heading ) );
-		}
-	}
-
-	function enqueue_google_fonts() {
-		wp_enqueue_style( 'blockbase-google-fonts', $this->google_fonts_url(), array(), null );
-	}
-
-	function create_customization_style_element( $wp_customize ) {
-		if ( $this->font_settings ) {
-			wp_enqueue_style( 'global-styles-fonts-customizations', ' ', array( 'global-styles' ) ); // This needs to load after global_styles, hence the dependency
-			$css  = 'body {';
-			$css .= '--wp--preset--font-family--body-font:' . $this->font_settings['body'] . ';';
-			$css .= '--wp--preset--font-family--heading-font:' . $this->font_settings['heading'] . ';';
-			$css .= '}';
-			wp_add_inline_style( 'global-styles-fonts-customizations', $css );
-		}
-	}
-
-	function update_font_settings( $wp_customize ) {
-		$body_setting    = $wp_customize->get_setting( $this->section_key . 'body' );
-		$heading_setting = $wp_customize->get_setting( $this->section_key . 'heading' );
-		if ( $body_setting && $heading_setting ) {
-			$body_value = $body_setting->post_value();
-			if ( $body_value ) {
-				$body_font_setting           = $this->fonts[ $body_value ];
-				$this->font_settings['body'] = $body_font_setting['fontFamily'];
-			}
-
-			$heading_value = $heading_setting->post_value();
-			if ( $heading_value ) {
-				$heading_font_setting           = $this->fonts[ $heading_value ];
-				$this->font_settings['heading'] = $heading_font_setting['fontFamily'];
-			}
-		}
+		add_action( 'customize_register', array( $this, 'init_deprecation_notice' ) );
 	}
 
-	function google_fonts_url() {
-		$font_families = array();
-		foreach ( $this->fonts as $font ) {
-			if ( ! empty( $font['google'] ) ) {
-				$font_families[] = $font['google'];
-			}
-		}
-		$font_families[] = 'display=swap';
-
-		// Make a single request for the theme fonts.
-		return esc_url_raw( 'https://fonts.googleapis.com/css2?' . implode( '&', $font_families ) );
+	function generate_deprecation_message() {
+		return sprintf(
+			__( 'Updating fonts for this theme is now even easier! Use the site editor to select and preview different font families. <a href="%s">More information.</a>', 'blockbase' ),
+			__( 'https://wordpress.com/support/custom-fonts/' )
+		);
 	}
 
-	function initialize( $wp_customize ) {
-		$theme = wp_get_theme();
-
-		//Add a Section to the Customizer for these bits
+	function init_deprecation_notice( $wp_customize ) {
 		$wp_customize->add_section(
 			$this->section_key,
 			array(
-				'capability'  => 'edit_theme_options',
-				'description' => sprintf( __( 'Font Customization for %1$s', 'blockbase' ), $theme->name ),
-				'title'       => __( 'Fonts', 'blockbase' ),
+				'capability' => 'edit_theme_options',
+				'title'      => __( 'Fonts', 'blockbase' ),
 			)
 		);
 
-		$merged_json                = WP_Theme_JSON_Resolver_Gutenberg::get_merged_data()->get_raw_data();
-		$theme_font_families        = $merged_json['settings']['typography']['fontFamilies']['theme'];
-		$body_font_default_array    = array_filter(
-			$theme_font_families,
-			function( $font_family ) {
-				return 'body-font' === $font_family['slug'];
-			}
-		);
-		$body_font_default          = array_shift( $body_font_default_array );
-		$heading_font_default_array = array_filter(
-			$theme_font_families,
-			function( $font_family ) {
-				return 'heading-font' === $font_family['slug'];
-			}
-		);
-		$heading_font_default       = array_shift( $heading_font_default_array );
-
-		// See if the child theme has been updated. If not then show a notice.
-		if ( ! $body_font_default && ! $heading_font_default ) {
-			$wp_customize->add_control(
-				$this->section_key . '-v1-blockbase-format-notice',
-				array(
-					'type'        => 'hidden',
-					'description' => '<div class="notice notice-warning">
-					<p>' . __( 'Your theme needs to be updated before you can customize fonts', 'blockbase' ) . '</p>
-					</div>',
-					'settings'    => array(),
-					'section'     => $this->section_key,
-				)
-			);
-
-			return;
-		}
-
-		if ( array_key_exists( 'custom', $merged_json['settings']['typography']['fontFamilies'] ) ) {
-			$merged_font_families     = $merged_json['settings']['typography']['fontFamilies']['custom'];
-			$body_font_selected_array = array_filter(
-				$merged_font_families,
-				function( $font_family ) {
-					return 'body-font' === $font_family['slug'];
-				}
-			);
-			$body_font_selected       = array_shift( $body_font_selected_array );
-
-			$heading_font_selected_array = array_filter(
-				$merged_font_families,
-				function( $font_family ) {
-					return 'heading-font' === $font_family['slug'];
-				}
-			);
-			$heading_font_selected       = array_shift( $heading_font_selected_array );
-
-			// NOTE: This should be removed once Gutenberg 12.1 lands stably in all environments
-		} elseif ( array_key_exists( 'user', $merged_json['settings']['typography']['fontFamilies'] ) ) {
-			$merged_font_families = $merged_json['settings']['typography']['fontFamilies']['user'];
-
-			$body_font_selected_array = array_filter(
-				$merged_font_families,
-				function( $font_family ) {
-					return 'body-font' === $font_family['slug'];
-				}
-			);
-			$body_font_selected       = array_shift( $body_font_selected_array );
-
-			$heading_font_selected_array = array_filter(
-				$merged_font_families,
-				function( $font_family ) {
-					return 'heading-font' === $font_family['slug'];
-				}
-			);
-			$heading_font_selected       = array_shift( $heading_font_selected_array );
-			// End Gutenberg < 12.1 compatibility patch
-
-		} else {
-			$body_font_selected    = $body_font_default;
-			$heading_font_selected = $heading_font_default;
-		}
-
-		// If there's no selected font then the user is probably using the old format for font customization
-		if ( $body_font_selected && $heading_font_selected ) {
-			$body_font_selected_font_family    = $body_font_selected['fontFamily'];
-			$body_font_selected_font_slug      = $body_font_selected['fontSlug'];
-			$heading_font_selected_font_family = $heading_font_selected['fontFamily'];
-			$heading_font_selected_font_slug   = $heading_font_selected['fontSlug'];
-		} else {
-			$body_font_selected_font_family    = null;
-			$body_font_selected_font_slug      = null;
-			$heading_font_selected_font_family = null;
-			$heading_font_selected_font_slug   = null;
-		}
-
-		$this->font_settings = array(
-			'body'    => $body_font_selected_font_family,
-			'heading' => $heading_font_selected_font_family,
-		);
-
-		// Add a reset button
-		$this->font_control_default_body    = $body_font_default['fontSlug'];
-		$this->font_control_default_heading = $heading_font_default['fontSlug'];
 		$wp_customize->add_control(
-			$this->section_key . '-reset-button',
+			$this->section_key . '-v1-blockbase-font-deprecation-notice',
 			array(
-				'type'        => 'button',
+				'type'        => 'hidden',
+				'description' => '<div class="notice notice-info">
+				<p>' . $this->generate_deprecation_message() . '</p>
+				</div>',
 				'settings'    => array(),
 				'section'     => $this->section_key,
-				'input_attrs' => array(
-					'value' => __( 'Reset to Default', 'blockbase' ),
-					'class' => 'button button-link',
-				),
 			)
 		);
 
-		$this->add_setting_and_control( $wp_customize, 'body', __( 'Body font', 'blockbase' ), $body_font_default['fontSlug'], $body_font_selected_font_slug, 'sanitize_title' );
-		$this->add_setting_and_control( $wp_customize, 'heading', __( 'Heading font', 'blockbase' ), $heading_font_default['fontSlug'], $heading_font_selected_font_slug, 'sanitize_title' );
-	}
-
-	function get_font_family( $array, $configuration ) {
-		$variable = get_settings_array( $array, $configuration );
-		$slug     = preg_replace( '/var\(--wp--preset--font-family--(.*)\)/', '$1', $variable );
-		if ( ! isset( $this->fonts[ $slug ] ) ) {
-			$this->fonts[ $slug ] = $this->build_font_from_theme_data( $slug, $configuration );
-		}
-		return $this->fonts[ $slug ];
-	}
-
-	function build_font_from_theme_data( $slug, $configuration ) {
-		$new_font      = array();
-		$font_families = $configuration['settings']['typography']['fontFamilies']['theme'];
-		foreach ( $font_families as $font_family ) {
-			if ( $font_family['slug'] === $slug ) {
-				$new_font['fontFamily'] = $font_family['fontFamily'];
-				$new_font['name']       = $font_family['name'];
-				if ( ! empty( $font_family['google'] ) ) {
-					$new_font['google'] = $font_family['google'];
-				}
-			}
-		}
-		$new_font['slug'] = $slug;
-		return $new_font;
-	}
-
-	function add_setting_and_control( $wp_customize, $name, $label, $default, $user_value, $sanitize_callback ) {
-		$setting_name          = $this->section_key . $name;
-		$global_styles_setting = new WP_Customize_Global_Styles_Setting(
-			$wp_customize,
-			$setting_name,
-			array(
-				'default'    => $default,
-				'user_value' => $user_value,
-			)
-		);
-		$wp_customize->add_setting(
-			$global_styles_setting,
-			array(
-				'sanitize_callback' => $sanitize_callback,
-			)
-		);
-
-		$choices = array();
-		foreach ( $this->fonts as $font_slug => $font_setting ) {
-			$choices[ $font_slug ] = $font_setting['name'];
-		}
-
 		$wp_customize->add_control(
-			$setting_name,
+			$this->section_key . '-site-editor-button',
 			array(
-				'section' => $this->section_key,
-				'label'   => $label,
-				'type'    => 'select',
-				'choices' => $choices,
+				'type'        => 'hidden',
+				'description' => sprintf( '<a class="button button-primary" href=%s style="font-style: normal;" >Use Site Editor</a>', esc_url( admin_url( 'site-editor.php?styles=open' ) ) ),
+				'settings'    => array(),
+				'section'     => $this->section_key,
 			)
 		);
-
-		// Update the setting to the dirty value.
-		// This is needed to preserve the settings when other Customizer settings change.
-		$dirty_value = $wp_customize->get_setting( $setting_name )->post_value();
-		if ( ! empty( $dirty_value ) ) {
-			$wp_customize->get_setting( $setting_name )->user_value = $dirty_value;
-		}
 	}
-
-	function handle_customize_save_after( $wp_customize ) {
-		$body_value    = $wp_customize->get_setting( $this->section_key . 'body' )->value();
-		$heading_value = $wp_customize->get_setting( $this->section_key . 'heading' )->value();
-
-		if ( ! isset( $body_value ) && ! isset( $heading_value ) ) {
-			return;
-		}
-
-		$body_default    = $wp_customize->get_setting( $this->section_key . 'body' )->default;
-		$heading_default = $wp_customize->get_setting( $this->section_key . 'heading' )->default;
-
-		if ( ! isset( $body_value ) ) {
-			$body_value = $body_default;
-		}
-
-		if ( ! isset( $heading_value ) ) {
-			$heading_value = $heading_default;
-		}
-
-		$body_setting             = $this->fonts[ $body_value ];
-		$body_setting['name']     = 'Body (' . $body_setting['name'] . ')';
-		$body_setting['fontSlug'] = $body_setting['slug'];
-		$body_setting['slug']     = 'body-font';
-
-		$heading_setting             = $this->fonts[ $heading_value ];
-		$heading_setting['name']     = 'Heading (' . $heading_setting['name'] . ')';
-		$heading_setting['fontSlug'] = $heading_setting['slug'];
-		$heading_setting['slug']     = 'heading-font';
-
-		// Set up variables for the theme.json.
-		$font_families = array(
-			$body_setting,
-			$heading_setting,
-		);
-
-		$body_font_family_variable    = 'var(--wp--preset--font-family--' . $body_setting['slug'] . ')';
-		$heading_font_family_variable = 'var(--wp--preset--font-family--' . $heading_setting['slug'] . ')';
-
-		// Get the user's global styles CPT id
-		$user_custom_post_type_id = WP_Theme_JSON_Resolver_Gutenberg::get_user_global_styles_post_id();
-
-		// API request to get global styles
-		$get_request = new WP_REST_Request( 'GET', '/wp/v2/global-styles/' );
-		$get_request->set_param( 'id', $user_custom_post_type_id );
-
-		$global_styles_controller = new Gutenberg_REST_Global_Styles_Controller();
-		$global_styles            = $global_styles_controller->get_item( $get_request );
-
-		// converts data to array (in some cases settings and styles are objects insted of arrays)
-		$new_settings = (array) $global_styles->data['settings'];
-		$new_styles   = (array) $global_styles->data['styles'];
-
-		// Set new typography settings
-		if ( $font_families ) {
-			$new_settings['typography']['fontFamilies']['custom'] = $font_families;
-		}
-
-		// Add the updated global styles to the update request
-		$update_request = new WP_REST_Request( 'PUT', '/wp/v2/global-styles/' );
-		$update_request->set_param( 'id', $user_custom_post_type_id );
-		$update_request->set_param( 'settings', $new_settings );
-		$update_request->set_param( 'styles', $new_styles );
-
-		// Update the theme.json with the new settings.
-		$updated_global_styles = $global_styles_controller->update_item( $update_request );
-		delete_transient( 'global_styles' );
-		delete_transient( 'global_styles_' . get_stylesheet() );
-		delete_transient( 'gutenberg_global_styles' );
-		delete_transient( 'gutenberg_global_styles_' . get_stylesheet() );
-	}
-
 }
 
 new GlobalStylesFontsCustomizer;
diff --git a/blockbase/inc/fonts/custom-font-migration.php b/blockbase/inc/fonts/custom-font-migration.php
new file mode 100644
index 0000000000..b1a06c1059
--- /dev/null
+++ b/blockbase/inc/fonts/custom-font-migration.php
@@ -0,0 +1,137 @@
+<?php
+
+add_action( 'init', 'migrate_blockbase_custom_fonts', 99 );
+
+function migrate_blockbase_custom_fonts() {
+
+	$heading_font_slug = null;
+	$body_font_slug    = null;
+
+	// Here we must use gutenberg_get_global_* because it introduces clean_cached_data() which we
+	// need to leverage as we are modifying the values of global styles settings and styles on page load.
+	if ( function_exists( 'gutenberg_get_global_settings' ) ) {
+		$font_families = gutenberg_get_global_settings( array( 'typography', 'fontFamilies' ) );
+	} else {
+		$font_families = wp_get_global_settings( array( 'typography', 'fontFamilies' ) );
+	}
+
+	if ( isset( $font_families['custom'] ) && is_array( $font_families['custom'] ) ) {
+		$font_families = $font_families['custom'];
+	} else {
+		$font_families = $font_families['theme'];
+	}
+
+	// Look first for fonts customized via Customizer, then for fonts configured in the child theme.json "the old way"
+	// Also count fonts registerd to the blockbase font provider
+	foreach ( $font_families as $font_family ) {
+		if ( strpos( $font_family['slug'], 'heading' ) !== false && array_key_exists( 'fontSlug', $font_family ) ) {
+			$heading_font_slug = $font_family['fontSlug'];
+		}
+		if ( strpos( $font_family['slug'], 'body' ) !== false && array_key_exists( 'fontSlug', $font_family ) ) {
+			$body_font_slug = $font_family['fontSlug'];
+		}
+	}
+
+	if ( ! $body_font_slug && ! $heading_font_slug ) {
+		//nothing to convert
+		return;
+	}
+
+	$theme_user_data = WP_Theme_JSON_Resolver::get_user_data()->get_raw_data();
+
+	$new_settings = array();
+	$new_styles   = array();
+
+	if ( array_key_exists( 'settings', $theme_user_data ) ) {
+		$new_settings = $theme_user_data['settings'];
+	}
+	if ( array_key_exists( 'styles', $theme_user_data ) ) {
+		$new_styles = $theme_user_data['styles'];
+	}
+
+	if ( $body_font_slug ) {
+		$new_styles = array_merge(
+			$new_styles,
+			array(
+				'typography' => array(
+					'fontFamily' => "var:preset|font-family|$body_font_slug",
+				),
+			)
+		);
+	}
+
+	if ( $heading_font_slug ) {
+		$new_styles = array_merge(
+			$new_styles,
+			array(
+				'blocks' => array(
+					'core/post-title' => array(
+						'typography' => array(
+							'fontFamily' => "var:preset|font-family|$heading_font_slug",
+						),
+					),
+					'core/heading'    => array(
+						'typography' => array(
+							'fontFamily' => "var:preset|font-family|$heading_font_slug",
+						),
+					),
+				),
+			)
+		);
+	}
+
+	if ( $heading_font_slug || $body_font_slug ) {
+		unset( $new_settings['typography']['fontFamilies'] );
+	}
+
+	update_global_styles( $new_settings, $new_styles );
+}
+
+/**
+ * Updates the global styles CPT.
+ *
+ * @param array  $new_settings New global styles to update.
+ * @param array  $new_styles New global styles settings to update.
+ * @param int    $user_custom_post_type_id ID of global styles CPT.
+ * @param object $global_styles_controller Controller that handles REST requests for global styles.
+ *
+ * @return void
+ */
+function update_global_styles( $new_settings, $new_styles ) {
+	// Get the user's global styles CPT id
+	$user_custom_post_type_id = WP_Theme_JSON_Resolver::get_user_global_styles_post_id();
+	$global_styles_controller = new WP_REST_Global_Styles_Controller();
+
+	$update_request = new WP_REST_Request( 'PUT', '/wp/v2/global-styles/' );
+	$update_request->set_param( 'id', $user_custom_post_type_id );
+	$update_request->set_param( 'settings', $new_settings );
+	$update_request->set_param( 'styles', $new_styles );
+
+	$global_styles_controller->update_item( $update_request );
+
+	// Ideally the call to update_item would delete all of the appropriate transients and caches
+	delete_transient( 'global_styles' );
+	delete_transient( 'global_styles_' . get_stylesheet() );
+	delete_transient( 'gutenberg_global_styles' );
+	delete_transient( 'gutenberg_global_styles_' . get_stylesheet() );
+
+	if ( class_exists( 'WP_Theme_JSON_Resolver_Gutenberg' ) ) {
+		WP_Theme_JSON_Resolver_Gutenberg::clean_cached_data();
+	}
+}
+
+/**
+ * Retrieves the global styles cpt.
+ *
+ * @param int    $user_custom_post_type_id ID of global styles CPT.
+ * @param object $global_styles_controller Controller that handles REST requests for global styles.
+ *
+ * @return array
+ */
+function fetch_global_styles( $user_custom_post_type_id, $global_styles_controller ) {
+	$get_request = new WP_REST_Request( 'GET', '/wp/v2/global-styles/' );
+	$get_request->set_param( 'id', $user_custom_post_type_id );
+	$global_styles = $global_styles_controller->get_item( $get_request );
+
+	return $global_styles;
+}
diff --git a/blockbase/inc/fonts/custom-fonts.php b/blockbase/inc/fonts/custom-fonts.php
new file mode 100644
index 0000000000..b0c167b4c7
--- /dev/null
+++ b/blockbase/inc/fonts/custom-fonts.php
@@ -0,0 +1,225 @@
+<?php
+
+// Font settings deprecation message
+require get_template_directory() . '/inc/customizer/wp-customize-fonts.php';
+
+// Font Migration
+require get_template_directory() . '/inc/fonts/custom-font-migration.php';
+
+add_action( 'init', 'enqueue_global_styles_fonts', 100 );
+add_action( 'admin_init', 'enqueue_fse_font_styles' );
+add_filter( 'pre_render_block', 'enqueue_block_fonts', 10, 2 );
+add_filter( 'jetpack_google_fonts_list', 'blockbase_filter_jetpack_google_fonts_list' );
+
+$blockbase_enqueued_font_slugs = array();
+
+/**
+ * Get the CSS containing font_face values for a given slug
+ *
+ * @return string String of CSS
+ */
+function get_style_css( $slug ) {
+	$font_face_file = get_template_directory() . '/assets/fonts/' . $slug . '/font-face.css';
+	if ( ! file_exists( $font_face_file ) ) {
+		return '';
+	}
+	$contents = file_get_contents( $font_face_file );
+	return str_replace( 'src: url(./', 'src: url(' . get_template_directory_uri() . '/assets/fonts/' . $slug . '/', $contents );
+}
+
+/**
+ * Collect fonts set in Global Styles settings.
+ *
+ * @return array Font faces from Global Styles settings.
+ */
+function collect_fonts_from_global_styles() {
+	// NOTE: We have to use gutenberg_get_global_styles() here due to the potential changes to Global Styles on page load happening in font migration.
+	// Since core users don't have anything to migrate we can use core get_styles
+	if ( function_exists( 'gutenberg_get_global_styles' ) ) {
+		$global_styles = gutenberg_get_global_styles();
+	} else {
+		$global_styles = wp_get_global_styles();
+	}
+
+	$found_webfonts = array();
+
+	// Look for fonts in block presets...
+	if ( isset( $global_styles['blocks'] ) ) {
+		foreach ( $global_styles['blocks'] as $setting ) {
+			$font_slug = extract_font_slug_from_setting( $setting );
+
+			if ( $font_slug ) {
+				$found_webfonts[] = $font_slug;
+			}
+		}
+	}
+
+	// Look for fonts in HTML element presets...
+	if ( isset( $global_styles['elements'] ) ) {
+		foreach ( $global_styles['elements'] as $setting ) {
+
+			// die(json_encode($global_styles));
+			// NOTE: It seems that the Global Styles assignment of fonts writes the font family string rather than the
+			// global styles shorthand that is assigned to the body.  This should be confirmed and reported if it isn't already.
+			$font_slug = extract_font_slug_from_setting( $setting );
+
+			if ( $font_slug ) {
+				$found_webfonts[] = $font_slug;
+			}
+		}
+	}
+
+	// Check if a global typography setting was defined.
+	$font_slug = extract_font_slug_from_setting( $global_styles );
+
+	if ( $font_slug ) {
+		$found_webfonts[] = $font_slug;
+	}
+
+	return array_unique( $found_webfonts );
+}
+
+/**
+ * Extract the font family slug from a settings array.
+ *
+ * @param array $setting The settings object.
+ *
+ * @return string|null
+ */
+function extract_font_slug_from_setting( $setting ) {
+	if ( ! isset( $setting['typography']['fontFamily'] ) ) {
+		return null;
+	}
+
+	$font_family = $setting['typography']['fontFamily'];
+
+	// Full string: var(--wp--preset--font-family--slug).
+	// We do not care about the origin of the font, only its slug.
+	preg_match( '/font-family--(?P<slug>.+)\)$/', $font_family, $matches );
+
+	if ( isset( $matches['slug'] ) ) {
+		return $matches['slug'];
+	}
+
+	// Full string: var:preset|font-family|slug
+	// We do not care about the origin of the font, only its slug.
+	preg_match( '/font-family\|(?P<slug>.+)$/', $font_family, $matches );
+
+	if ( isset( $matches['slug'] ) ) {
+		return $matches['slug'];
+	}
+
+	return $font_family;
+}
+
+/**
+ * Build a list of all font slugs provided by Blockbase from theme.json
+ *
+ * @return array Collection of all font slugs defined in the theme.json file
+ */
+function collect_fonts_from_blockbase() {
+	$fonts                  = array();
+	$parent_theme_json_data = json_decode( file_get_contents( get_template_directory() . '/theme.json' ), true );
+	$font_families          = $parent_theme_json_data['settings']['typography']['fontFamilies'];
+
+	foreach ( $font_families as $font ) {
+		// Only pick it up if we're claiming it as ours to manage
+		if ( array_key_exists( 'provider', $font ) && 'blockbase-fonts' === $font['provider'] ) {
+			$fonts[] = $font;
+		}
+	}
+
+	return $fonts;
+}
+
+/**
+ * Enqeue all of the fonts used in global styles settings.
+ *
+ * @return void
+ */
+function enqueue_global_styles_fonts() {
+
+	global $blockbase_enqueued_font_slugs;
+
+	$font_slugs = array();
+	$font_css   = '';
+
+	if ( is_admin() ) {
+		$font_families = collect_fonts_from_blockbase();
+		foreach ( $font_families as $font_family ) {
+			$font_slugs[] = $font_family['slug'];
+		}
+	} else {
+		$font_slugs = collect_fonts_from_global_styles();
+	}
+
+	$blockbase_enqueued_font_slugs = $font_slugs;
+
+	foreach ( $font_slugs as $font_slug ) {
+		$font_css .= get_style_css( $font_slug );
+	}
+
+	// Bail out if there are no styles to enqueue.
+	if ( '' === $font_css ) {
+		return;
+	}
+
+	// Enqueue the stylesheet.
+	wp_register_style( 'blockbase_font_faces', '' );
+	wp_enqueue_style( 'blockbase_font_faces' );
+
+	// Add the styles to the stylesheet.
+	wp_add_inline_style( 'blockbase_font_faces', $font_css );
+}
+
+/**
+ * Enqueue all of the fonts provided by Blockbase for FSE use
+ */
+function enqueue_fse_font_styles( $fonts ) {
+	$fonts    = collect_fonts_from_blockbase();
+	$font_css = '';
+
+	foreach ( $fonts as $font ) {
+		$font_css .= get_style_css( $font['slug'] );
+	}
+
+	wp_enqueue_style( 'wp-block-library' );
+	wp_add_inline_style( 'wp-block-library', $font_css );
+}
+
+/**
+ * Add fonts that have been assigned via CSS
+ */
+function enqueue_block_fonts( $content, $parsed_block ) {
+	global $blockbase_enqueued_font_slugs;
+	if ( ! is_admin() && isset( $parsed_block['attrs']['fontFamily'] ) ) {
+		$font_slug = $parsed_block['attrs']['fontFamily'];
+		if ( ! in_array( $font_slug, $blockbase_enqueued_font_slugs, true ) ) {
+			$font_css = get_style_css( $font_slug );
+			if ( $font_css ) {
+				$blockbase_enqueued_font_slugs[] = $font_slug;
+				wp_add_inline_style( 'blockbase_font_faces', $font_css );
+			}
+		}
+	}
+	return $content;
+}
+
+/**
+ * Jetpack may attempt to register fonts for the Google Font Provider.
+ * Filter out any fonts that Blockbase is already handling.
+ */
+function blockbase_filter_jetpack_google_fonts_list( $list_to_filter ) {
+	$filtered_list           = array();
+	$blockbase_fonts         = collect_fonts_from_blockbase();
+	$blockbase_font_families = array();
+	foreach ( $blockbase_fonts as $font ) {
+		$blockbase_font_families[] = $font['name'];
+	}
+	foreach ( $list_to_filter as $font_family ) {
+		if ( ! in_array( $font_family, $blockbase_font_families, true ) ) {
+			$filtered_list[] = $font_family;
+		}
+	}
+	return $filtered_list;
+}
diff --git a/blockbase/inc/patterns/footer-left.php b/blockbase/inc/patterns/footer-left.php
index 2e657beb90..89fdf8813d 100644
--- a/blockbase/inc/patterns/footer-left.php
+++ b/blockbase/inc/patterns/footer-left.php
@@ -16,8 +16,8 @@
 	<!-- wp:group {"layout":{"type":"flex","allowOrientation":false}} -->
 	<div class="wp-block-group"><!-- wp:site-title {"fontSize":"small"} /-->
 	
-	<!-- wp:paragraph {"fontSize":"small","fontFamily":"heading-font"} -->
-	<p class="has-text-align-left has-small-font-size has-heading-font-font-family">Proudly Powered by <a href="https://wordpress.org" rel="nofollow">WordPress</a></p>
+	<!-- wp:paragraph {"fontSize":"small"} -->
+	<p class="has-text-align-left has-small-font-size">Proudly Powered by <a href="https://wordpress.org" rel="nofollow">WordPress</a></p>
 	<!-- /wp:paragraph --></div>
 	<!-- /wp:group --></div>
 	<!-- /wp:group -->',
diff --git a/blockbase/inc/patterns/footer-separator.php b/blockbase/inc/patterns/footer-separator.php
index 6198a930ed..2cabe9ae26 100644
--- a/blockbase/inc/patterns/footer-separator.php
+++ b/blockbase/inc/patterns/footer-separator.php
@@ -19,7 +19,7 @@
 	<p class="has-small-font-size"><meta charset="utf-8"><strong>Proudly Powered by <a rel="nofollow" href="https://wordpress.org">WordPress</a></strong></p>
 	<!-- /wp:paragraph -->
 	
-	<!-- wp:navigation {"itemsJustification":"center","overlayMenu":"never","__unstableSocialLinks":"social"} /--></div>
+	<!-- wp:navigation {"itemsJustification":"center","overlayMenu":"never","className":"social-links"} /--></div>
 	<!-- /wp:group --></div>
 	<!-- /wp:group -->',
 );
diff --git a/blockbase/inc/social-navigation.php b/blockbase/inc/social-navigation.php
index a7f8517143..3f8ab19364 100644
--- a/blockbase/inc/social-navigation.php
+++ b/blockbase/inc/social-navigation.php
@@ -13,8 +13,21 @@ function blockbase_condition_to_render_social_menu( $block_content, $block ) {
 		return false;
 	}
 
-	// The block should have a social links attribute.
-	if ( empty( $block['attrs']['__unstableSocialLinks'] ) ) {
+	// The block should have an unstable location attribute.
+	if ( empty( $block['attrs']['__unstableLocation'] ) ) {
+		return false;
+	}
+
+	// The block should be empty (no custom menu assigned)
+	if ( ! empty($block['attrs']['navigationMenuId']) || ! empty($block['attrs']['ref']) ) {
+		return false;
+	}
+	
+	// The block should have the class 'social-links'.
+	if ( empty( $block['attrs']['className'] ) ) {
+		return false;
+	}
+	if ( ! str_contains( $block['attrs']['className'], 'social-links' ) ) {
 		return false;
 	}
 
@@ -31,11 +44,8 @@ function blockbase_theme_has_navigation_social_links_settings( $theme_data ) {
 }
 
 function get_social_menu_as_social_links_block( $block ) {
-	if ( empty( $block['attrs']['__unstableSocialLinks'] ) ) {
-		return false;
-	}
 
-	$social_links_location = $block['attrs']['__unstableSocialLinks'];
+	$social_links_location = 'social';
 	$nav_menu_locations    = get_nav_menu_locations();
 	$social_menu_id        = $nav_menu_locations[ $social_links_location ];
 	$class_name            = 'is-style-logos-only';
diff --git a/blockbase/package.json b/blockbase/package.json
index 2903e6b83f..1ef1444265 100644
--- a/blockbase/package.json
+++ b/blockbase/package.json
@@ -1,6 +1,6 @@
 {
   "name": "blockbase",
-  "version": "2.0.39",
+  "version": "3.0.0",
   "description": "Blank Parent Theme",
   "bugs": {
     "url": "https://github.com/Automattic/themes/issues/new?label=[Theme]%20Blockbase"
diff --git a/blockbase/block-template-parts/footer.html b/blockbase/parts/footer.html
similarity index 100%
rename from blockbase/block-template-parts/footer.html
rename to blockbase/parts/footer.html
diff --git a/blockbase/block-template-parts/header-centered.html b/blockbase/parts/header-centered.html
similarity index 100%
rename from blockbase/block-template-parts/header-centered.html
rename to blockbase/parts/header-centered.html
diff --git a/blockbase/block-template-parts/header-default.html b/blockbase/parts/header-default.html
similarity index 78%
rename from blockbase/block-template-parts/header-default.html
rename to blockbase/parts/header-default.html
index b06304df99..630a0355f3 100644
--- a/blockbase/block-template-parts/header-default.html
+++ b/blockbase/parts/header-default.html
@@ -16,7 +16,7 @@
 	</div>
 	<!-- /wp:group -->
 
-	<!-- wp:navigation {"__unstableLocation":"primary","__unstableSocialLinks":"social","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /-->
+	<!-- wp:navigation {"__unstableLocation":"primary","className":"social-links","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /-->
 
 </div>
 <!-- /wp:group -->
diff --git a/blockbase/block-template-parts/header-linear.html b/blockbase/parts/header-linear.html
similarity index 83%
rename from blockbase/block-template-parts/header-linear.html
rename to blockbase/parts/header-linear.html
index d8e51191cc..ba575ec8a5 100644
--- a/blockbase/block-template-parts/header-linear.html
+++ b/blockbase/parts/header-linear.html
@@ -16,7 +16,7 @@
 	</div>
 	<!-- /wp:group -->
 
-	<!-- wp:navigation {"className":"blockbase-responsive-navigation-linear","__unstableLocation":"primary","__unstableSocialLinks":"social","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /-->
+	<!-- wp:navigation {"className":"blockbase-responsive-navigation-linear","__unstableLocation":"primary","className":"social-links","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /-->
 
 </div>
 <!-- /wp:group -->
diff --git a/blockbase/block-template-parts/header-minimal.html b/blockbase/parts/header-minimal.html
similarity index 87%
rename from blockbase/block-template-parts/header-minimal.html
rename to blockbase/parts/header-minimal.html
index 658d6587aa..859b2f54a0 100644
--- a/blockbase/block-template-parts/header-minimal.html
+++ b/blockbase/parts/header-minimal.html
@@ -18,7 +18,7 @@
 	</div>
 	<!-- /wp:group -->
 	
-	<!-- wp:navigation {"className":"blockbase-responsive-navigation-minimal","overlayMenu":"always","__unstableLocation":"primary","__unstableSocialLinks":"social","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /-->
+	<!-- wp:navigation {"className":"blockbase-responsive-navigation-minimal","overlayMenu":"always","__unstableLocation":"primary","className":"social-links","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /-->
 	
 </div>
 <!-- /wp:group -->
diff --git a/blockbase/block-template-parts/header-rounded-logo.html b/blockbase/parts/header-rounded-logo.html
similarity index 82%
rename from blockbase/block-template-parts/header-rounded-logo.html
rename to blockbase/parts/header-rounded-logo.html
index a7635dd0fa..6be4ced97c 100644
--- a/blockbase/block-template-parts/header-rounded-logo.html
+++ b/blockbase/parts/header-rounded-logo.html
@@ -16,7 +16,7 @@
 	</div>
 	<!-- /wp:group -->
 
-	<!-- wp:navigation {"__unstableLocation":"primary","__unstableSocialLinks":"social","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"}} /-->
+	<!-- wp:navigation {"__unstableLocation":"primary","className":"social-links","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"}} /-->
 
 </div>
 <!-- /wp:group -->
diff --git a/blockbase/block-template-parts/header-wide.html b/blockbase/parts/header-wide.html
similarity index 77%
rename from blockbase/block-template-parts/header-wide.html
rename to blockbase/parts/header-wide.html
index 0ac41cc372..88ab3ee22c 100644
--- a/blockbase/block-template-parts/header-wide.html
+++ b/blockbase/parts/header-wide.html
@@ -16,7 +16,7 @@
 		</div>
 		<!-- /wp:group -->
 
-		<!-- wp:navigation {"__unstableLocation":"primary","__unstableSocialLinks":"social","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"},"blockGap":"1.5em"}}} /-->
+		<!-- wp:navigation {"__unstableLocation":"primary","className":"social-links","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"},"blockGap":"1.5em"}}} /-->
 
 	</div>
 	<!-- /wp:group -->
diff --git a/blockbase/block-template-parts/header.html b/blockbase/parts/header.html
similarity index 100%
rename from blockbase/block-template-parts/header.html
rename to blockbase/parts/header.html
diff --git a/blockbase/block-template-parts/post-meta-icons.html b/blockbase/parts/post-meta-icons.html
similarity index 100%
rename from blockbase/block-template-parts/post-meta-icons.html
rename to blockbase/parts/post-meta-icons.html
diff --git a/blockbase/block-template-parts/post-meta.html b/blockbase/parts/post-meta.html
similarity index 100%
rename from blockbase/block-template-parts/post-meta.html
rename to blockbase/parts/post-meta.html
diff --git a/blockbase/patterns/comments.php b/blockbase/patterns/comments.php
new file mode 100644
index 0000000000..0880ba8d3c
--- /dev/null
+++ b/blockbase/patterns/comments.php
@@ -0,0 +1,61 @@
+<?php
+/**
+ * Title: Comments
+ * slug: blockbase/comments
+ * inserter: no
+ */
+
+?>
+<!-- wp:comments-query-loop -->
+<div class="wp-block-comments-query-loop">
+	<!-- wp:comments-title /-->
+
+	<!-- wp:comment-template -->
+	<!-- wp:columns -->
+	<div class="wp-block-columns">
+		<!-- wp:column {"width":"40px"} -->
+		<div class="wp-block-column" style="flex-basis:40px"></div>
+		<!-- /wp:column -->
+
+		<!-- wp:column -->
+		<div class="wp-block-column">
+			<!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+			<div class="wp-block-group">
+				<!-- wp:avatar {"size":40,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"10px"}}}} /-->
+
+				<!-- wp:group -->
+				<div class="wp-block-group">
+					<!-- wp:comment-author-name /-->
+
+					<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0.5em"}},"layout":{"type":"flex"}} -->
+					<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px">
+						<!-- wp:comment-date {"format":"F j, Y \\a\\t g:i a"} /-->
+
+						<!-- wp:comment-edit-link /-->
+					</div>
+					<!-- /wp:group -->
+				</div>
+				<!-- /wp:group -->
+			</div>
+			<!-- /wp:group -->
+
+			<!-- wp:comment-content /-->
+
+			<!-- wp:comment-reply-link /-->
+		</div>
+		<!-- /wp:column -->
+	</div>
+	<!-- /wp:columns -->
+	<!-- /wp:comment-template -->
+
+	<!-- wp:comments-pagination -->
+	<!-- wp:comments-pagination-previous /-->
+
+	<!-- wp:comments-pagination-numbers /-->
+
+	<!-- wp:comments-pagination-next /-->
+	<!-- /wp:comments-pagination -->
+
+	<!-- wp:post-comments-form /-->
+</div>
+<!-- /wp:comments-query-loop --> 
\ No newline at end of file
diff --git a/blockbase/sass/_style.scss b/blockbase/sass/_style.scss
new file mode 100644
index 0000000000..05a5f51608
--- /dev/null
+++ b/blockbase/sass/_style.scss
@@ -0,0 +1,51 @@
+/*
+ * This is a refactored style sheet
+ * Currently it is being loaded within ponyfill
+ * As ponyfill gets refactored, add the necessary styles here.
+ */
+ 
+/*
+ * Button hover styles.
+ * Necessary until the following issue is resolved in Gutenberg:
+ * https://github.com/WordPress/gutenberg/issues/27075
+ */
+
+ :is(
+	.wp-block-search__button,
+	.wp-block-button__link
+):is(
+	:hover,
+	:active,
+	:focus
+) {
+  text-decoration: none;
+	cursor: pointer;
+  color: var(--wp--custom--button--hover--color--text);
+  background-color: var(--wp--custom--button--hover--color--background);
+  border-color: var(--wp--custom--button--hover--border--color);
+}
+
+:is(
+	.wp-block-search__button,
+	.wp-block-button__link
+):focus {
+	outline: 1.5px dotted var(--wp--preset--color--foreground);
+	outline-offset: 3px;
+}
+
+:is(
+  .is-style-outline.wp-block-button,
+  .is-style-outline.wp-block-button__link
+) {
+  color: var(--wp--custom--button--outline--color--text, var(--wp--custom--button--border--color) );
+}
+
+:is(
+  .is-style-outline>.wp-block-button__link,
+  .is-style-outline.wp-block-button__link
+):not(.has-background):hover {
+  color: var(--wp--custom--button--outline--hover--color--text, var(--wp--custom--button--color--text));
+  background-color: var(--wp--custom--button--outline--hover--color--background, var(--wp--custom--button--color--background));
+}
+
+
diff --git a/blockbase/sass/blocks/_button.scss b/blockbase/sass/blocks/_button.scss
index ac44e46002..043661fe24 100644
--- a/blockbase/sass/blocks/_button.scss
+++ b/blockbase/sass/blocks/_button.scss
@@ -1,36 +1,3 @@
-@import 'button-mixins';
-/**
- * Button
- */
-
-/**
- * Block Options
- */
- .wp-block-button, .wp-block-button__link {
-	&.wp-block-button__link,
-	.wp-block-button__link {
-		@include button-hover-styles;
-		@include button-padding-styles;
-		text-decoration: none;
-		font-weight: var(--wp--custom--button--typography--font-weight);
-	}
-	&.is-style-outline {
-		&.wp-block-button__link,
-		.wp-block-button__link {
-			--wp--custom--button--color--text: var(--wp--custom--button--border--color);
-			--wp--custom--button--color--background: transparent;
-			@include button-border-styles;
-			@include button-hover-styles;
-			@include button-color-styles;
-		}
-	}
-}
-
-// TODO: I'm not sure what the end goal should be here, but since we are unable to use
-// a button block OUTSIDE of the context of the button collection block (grrrrrrrrr)
-// then there are undesired margins to be dealt with somehow.
-.wp-block-buttons {
-	.wp-block-button:last-child {
-		margin-bottom: 0;
-	}
+.wp-block-button:not(.is-style-outline) > a.has-background {
+	border-style: none;
 }
diff --git a/blockbase/sass/blocks/_buttons-outline-style.scss b/blockbase/sass/blocks/_buttons-outline-style.scss
index 93a8ec2001..da7bcd7cdf 100644
--- a/blockbase/sass/blocks/_buttons-outline-style.scss
+++ b/blockbase/sass/blocks/_buttons-outline-style.scss
@@ -1,35 +1,15 @@
-@import 'button-mixins';
-.wp-block-button {
-	&.wp-block-button__link,
-	.wp-block-button__link {
-	   	&:not(.has-background):not(.has-text-color) {
-		   @include button-outline-hover-styles;
-	   	}
-   	}
-}
+@import "button-mixins";
+
 .wp-block-file .wp-block-file__button {
-   @include button-outline-hover-styles;
-}	
 
-.wp-block-search {
-   	&.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button,
-   	.wp-block-search__button {
-	   @include button-outline-hover-styles;
-   	}
+	@include button-outline-hover-styles;
 }
 
-//NOTE: Double-classed to raise specificity above parent theme's outline hover styles
-//as an alternative to !important.  Only needed for the editor.
-.wp-block-button.wp-block-button.is-style-outline {
-	&.wp-block-button__link,
-	.wp-block-button__link {
-	   &:not(.has-background):not(.has-text-color) {
-		   &:hover,
-		   &:focus,
-		   &.has-focus {
-			   color: var(--wp--custom--button--color--background);
-			   background-color: var(--wp--custom--button--color--text);
-		   	}
-	   	}
-   	}
+.wp-block-search {
+
+	&.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button,
+	.wp-block-search__button {
+
+		@include button-outline-hover-styles;
+	}
 }
diff --git a/blockbase/sass/blocks/_post-comments.scss b/blockbase/sass/blocks/_post-comments.scss
index b7c339cc5f..6425ac55c5 100644
--- a/blockbase/sass/blocks/_post-comments.scss
+++ b/blockbase/sass/blocks/_post-comments.scss
@@ -1,163 +1,23 @@
-.wp-block-post-comments {
-	label, .comment-meta {
-		font-size: var(--wp--custom--form--label--typography--font-size);
-	}
-
-	.reply {
-		margin-top: var(--wp--custom--gap--vertical);
-		margin-bottom: 0;
-
-		a {
-			display: inline-block;
-			text-decoration: underline;
-			&:hover {
-				text-decoration: none;
-			}
-		}
-	}
+.wp-block-comments-query-loop {
 
 	form {
-		display: grid;
-		column-gap: 1em;
-		grid-template-rows: auto;
-		grid-template-areas:
-			"misc misc"
-			"notes notes"
-			"author author"
-			"email url"
-			"comment comment"
-			"cookies-consent cookies-consent"
-			"form-submit form-submit";
 
-		input:not([type=submit]):not([type=checkbox]),
-		textarea {
-			font-size: var(--wp--custom--font-sizes--normal);
-			background: var(--wp--custom--color--background);
-			border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
-			width: 100%;
-		}
-
-		textarea {
-			vertical-align: top;
-		}
-
-		label:not([for=wp-comment-cookies-consent]) {
+		label {
 			font-size: var(--wp--custom--form--label--typography--font-size);
 			font-weight: var(--wp--custom--form--label--typography--font-weight);
 			letter-spacing: var(--wp--custom--form--label--typography--letter-spacing);
-			margin-bottom: var(--wp--custom--form--label--spacing--margin--bottom);
-			text-transform: var(--wp--custom--form--label--typography--text-transform);
-		}
-
-		p {
-			margin-top: 0;
-			margin-bottom: var(--wp--custom--gap--vertical);
-		}
-		& > * {
-			grid-area: misc;
-		}
-
-		.comment-notes {
-			grid-area: notes;
-		}
-
-		.comment-form-author {
-			grid-area: author;
-		}
-
-		.comment-form-email {
-			grid-area: email;
-		}
-
-		.comment-form-url {
-			grid-area: url;
-		}
-
-		.comment-form-comment {
-			grid-area: comment;
 		}
 
 		.comment-form-cookies-consent {
-			grid-area: cookies-consent;
-		}
-
-		.form-submit {
-			grid-area: form-submit;
-		}
 
-		.comment-form-cookies-consent {
-			input[type="checkbox"] {
-				@include hide-accesibly;
+			input[type="checkbox"]#wp-comment-cookies-consent {
 				margin-left: 0;
+				margin-top: 1px;
+
 				& + label {
-					display: inline-block;
-					line-height: calc( var(--wp--custom--form--checkbox--unchecked--sizing--height) + 2 * var(--wp--custom--form--border--width));
 					margin-left: 0;
-					padding-left: calc( var(--wp--custom--form--checkbox--unchecked--sizing--width) + ( var(--wp--custom--gap--baseline) / 1.5 ) );
-					position: relative;
-				}
-				& + label::before,
-				& + label::after {
-					box-sizing: border-box;
-				}
-				& + ::before {
-					content: var(--wp--custom--form--checkbox--unchecked--content);
-					position: absolute;
-					top: var(--wp--custom--form--checkbox--unchecked--position--top);
-					left: var(--wp--custom--form--checkbox--unchecked--position--left);
-					width: var(--wp--custom--form--checkbox--unchecked--sizing--width);
-					height: var(--wp--custom--form--checkbox--unchecked--sizing--height);
-					border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
-				}
-				&:checked + ::after {
-					content: var(--wp--custom--form--checkbox--checked--content);;
-					position: absolute;
-					top: var(--wp--custom--form--checkbox--checked--position--top);
-					left: var(--wp--custom--form--checkbox--checked--position--left);
-					width: var(--wp--custom--form--checkbox--checked--sizing--width);
-					height: var(--wp--custom--form--checkbox--checked--sizing--height);
-					font-size: var(--wp--custom--form--checkbox--checked--font-size);
-				}
-
-				&:focus + ::before {
-					outline: 1px dotted currentColor;
-					outline-offset: 2px;
 				}
 			}
 		}
 	}
-
-	.comment-reply-title {
-		small {
-			float: right;
-			font-size: 14px;
-		}
-	}
-
-	.commentlist {
-		margin-bottom: calc(2 * var(--wp--style--block-gap));
-		.comment {
-			p {
-				font-size: var(--wp--custom--post-comment--typography--font-size);
-				line-height: var(--wp--custom--post-comment--typography--line-height);
-				margin-bottom: var(--wp--custom--gap--vertical);
-				margin-top: var(--wp--custom--gap--vertical);
-			}
-		}
-	}
-
-	.comment-body {
-		margin-bottom: calc(1.5 * var( --wp--style--block-gap ));
-	}
-
-	.commentmetadata {
-		margin-left: 0;
-		margin-bottom: calc(0.75 * var( --wp--style--block-gap ));
-	}
-
-	.comment-awaiting-moderation {
-		display: inline-block;
-		font-size: var(--wp--preset--font-size--small);
-		margin-bottom: var(--wp--custom--gap--baseline);
-	}
 }
diff --git a/blockbase/sass/ponyfill.scss b/blockbase/sass/ponyfill.scss
index 3e1863a2e3..46b340961f 100644
--- a/blockbase/sass/ponyfill.scss
+++ b/blockbase/sass/ponyfill.scss
@@ -29,3 +29,5 @@
 @import "blocks/table";
 @import "blocks/video";
 @import "post/meta";
+
+@import "style";
diff --git a/blockbase/style.css b/blockbase/style.css
index d30c4db6e7..33af13b6e2 100644
--- a/blockbase/style.css
+++ b/blockbase/style.css
@@ -7,7 +7,7 @@ Description: Blockbase is a simple theme that supports full-site editing. It com
 Requires at least: 5.8
 Tested up to: 5.9
 Requires PHP: 5.7
-Version: 2.0.39
+Version: 3.0.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: blockbase
diff --git a/blockbase/styles/charcoal.json b/blockbase/styles/charcoal.json
new file mode 100644
index 0000000000..94a5100f39
--- /dev/null
+++ b/blockbase/styles/charcoal.json
@@ -0,0 +1,36 @@
+{
+	"version": 2,
+	"title": "Charcoal",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "primary",
+					"color": "#9FD3E8",
+					"name": "Primary"
+				},
+				{
+					"slug": "secondary",
+					"color": "#FBE6AA",
+					"name": "Secondary"
+				},
+				{
+					"slug": "foreground",
+					"color": "#FFFFFF",
+					"name": "Foreground"
+				},
+				{
+					"slug": "background",
+					"color": "#1F2527",
+					"name": "Background"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#364043",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/blockbase/styles/rainforest.json b/blockbase/styles/rainforest.json
new file mode 100644
index 0000000000..18234ab874
--- /dev/null
+++ b/blockbase/styles/rainforest.json
@@ -0,0 +1,36 @@
+{
+	"version": 2,
+	"title": "Rainforest",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "primary",
+					"color": "#35845D",
+					"name": "Primary"
+				},
+				{
+					"slug": "secondary",
+					"color": "#233252",
+					"name": "Secondary"
+				},
+				{
+					"slug": "foreground",
+					"color": "#242527",
+					"name": "Foreground"
+				},
+				{
+					"slug": "background",
+					"color": "#EEF4F7",
+					"name": "Background"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#F9F9F9",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/blockbase/styles/ruby-wine.json b/blockbase/styles/ruby-wine.json
new file mode 100644
index 0000000000..fe24b58815
--- /dev/null
+++ b/blockbase/styles/ruby-wine.json
@@ -0,0 +1,36 @@
+{
+	"version": 2,
+	"title": "Ruby Wine",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "primary",
+					"color": "#C8133E",
+					"name": "Primary"
+				},
+				{
+					"slug": "secondary",
+					"color": "#4E2F4B",
+					"name": "Secondary"
+				},
+				{
+					"slug": "foreground",
+					"color": "#1D1E1E",
+					"name": "Foreground"
+				},
+				{
+					"slug": "background",
+					"color": "#FFFFFF",
+					"name": "Background"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#F9F9F9",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/blockbase/block-templates/404.html b/blockbase/templates/404.html
similarity index 100%
rename from blockbase/block-templates/404.html
rename to blockbase/templates/404.html
diff --git a/blockbase/block-templates/archive.html b/blockbase/templates/archive.html
similarity index 100%
rename from blockbase/block-templates/archive.html
rename to blockbase/templates/archive.html
diff --git a/blockbase/block-templates/blank.html b/blockbase/templates/blank.html
similarity index 100%
rename from blockbase/block-templates/blank.html
rename to blockbase/templates/blank.html
diff --git a/blockbase/block-templates/footer-only.html b/blockbase/templates/footer-only.html
similarity index 100%
rename from blockbase/block-templates/footer-only.html
rename to blockbase/templates/footer-only.html
diff --git a/blockbase/block-templates/header-footer-only.html b/blockbase/templates/header-footer-only.html
similarity index 100%
rename from blockbase/block-templates/header-footer-only.html
rename to blockbase/templates/header-footer-only.html
diff --git a/blockbase/block-templates/index.html b/blockbase/templates/index.html
similarity index 100%
rename from blockbase/block-templates/index.html
rename to blockbase/templates/index.html
diff --git a/blockbase/block-templates/page.html b/blockbase/templates/page.html
similarity index 93%
rename from blockbase/block-templates/page.html
rename to blockbase/templates/page.html
index c77fec86e7..018d28c5a3 100644
--- a/blockbase/block-templates/page.html
+++ b/blockbase/templates/page.html
@@ -20,7 +20,7 @@
     <!-- wp:spacer {"height":60} -->
     <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
     <!-- /wp:spacer -->
-    <!-- wp:post-comments /-->
+    <!-- wp:pattern {"slug":"blockbase/comments"} /-->
 </div>
 <!-- /wp:group -->
 
diff --git a/blockbase/block-templates/search.html b/blockbase/templates/search.html
similarity index 100%
rename from blockbase/block-templates/search.html
rename to blockbase/templates/search.html
diff --git a/blockbase/block-templates/single.html b/blockbase/templates/single.html
similarity index 93%
rename from blockbase/block-templates/single.html
rename to blockbase/templates/single.html
index 7a903a73e4..bdfc729607 100644
--- a/blockbase/block-templates/single.html
+++ b/blockbase/templates/single.html
@@ -21,7 +21,8 @@
     <!-- wp:spacer {"height":60} -->
     <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
     <!-- /wp:spacer -->
-    <!-- wp:post-comments /-->
+    <!-- wp:pattern {"slug":"blockbase/comments"} /-->
+
 </div>
 <!-- /wp:group -->
 
diff --git a/blockbase/theme.json b/blockbase/theme.json
index 520fe57566..cb8876fdce 100644
--- a/blockbase/theme.json
+++ b/blockbase/theme.json
@@ -128,6 +128,24 @@
 					"fontSize": "var(--wp--custom--font-sizes--normal)",
 					"fontWeight": "normal",
 					"lineHeight": 2
+				},
+				"outline":{
+					"color": {
+						"text": "var(--wp--custom--color--primary)",
+						"background": "var(--wp--custom--color--background)"
+					},
+					"border": {
+						"color": "var(--wp--custom--color--primary)"
+					},
+					"hover": {
+						"color": {
+							"text": "var(--wp--custom--color--background)",
+							"background": "var(--wp--custom--color--secondary)"
+						},
+						"border": {
+							"color": "var(--wp--custom--color--primary)"
+						}
+					}
 				}
 			},
 			"color": {
@@ -137,41 +155,6 @@
 				"secondary": "var(--wp--preset--color--secondary)",
 				"tertiary": "var(--wp--preset--color--tertiary)"
 			},
-			"colorPalettes": [
-				{
-					"label": "Featured",
-					"slug": "palette-1",
-					"colors": {
-						"primary": "#C8133E",
-						"secondary": "#4E2F4B",
-						"foreground": "#1D1E1E",
-						"background": "#FFFFFF",
-						"tertiary": "#F9F9F9"
-					}
-				},
-				{
-					"label": "Featured",
-					"slug": "palette-2",
-					"colors": {
-						"primary": "#35845D",
-						"secondary": "#233252",
-						"foreground": "#242527",
-						"background": "#EEF4F7",
-						"tertiary": "#F9F9F9"
-					}
-				},
-				{
-					"label": "Featured",
-					"slug": "palette-3",
-					"colors": {
-						"primary": "#9FD3E8",
-						"secondary": "#FBE6AA",
-						"foreground": "#FFFFFF",
-						"background": "#1F2527",
-						"tertiary": "#364043"
-					}
-				}
-			],
 			"fontSizes": {
 				"x-small": "0.875rem",
 				"normal": "1.125rem",
@@ -362,15 +345,199 @@
 			"fontFamilies": [
 				{
 					"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
-					"fontSlug": "system-font",
-					"slug": "body-font",
-					"name": "Body (System Font)"
+					"slug": "system-font",
+					"name": "System Font"
 				},
 				{
-					"fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",
-					"fontSlug": "system-font",
-					"slug": "heading-font",
-					"name": "Headings (System Font)"
+					"fontFamily": "Arvo, serif",
+					"slug": "arvo",
+					"name": "Arvo",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "'Bodoni Moda', serif",
+					"slug": "bodoni-moda",
+					"name": "Bodoni Moda",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "Cabin, sans-serif",
+					"slug": "cabin",
+					"name": "Cabin",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "Chivo, sans-serif",
+					"slug": "chivo",
+					"name": "Chivo",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "'Courier Prime', serif",
+					"slug": "courier-prime",
+					"name": "Courier Prime",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "'DM Sans', sans-serif",
+					"slug": "dm-sans",
+					"name": "DM Sans",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "Domine, serif",
+					"slug": "domine",
+					"name": "Domine",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "'EB Garamond', serif",
+					"slug": "eb-garamond",
+					"name": "EB Garamond",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "'Fira Sans', sans-serif",
+					"slug": "fira-sans",
+					"name": "Fira Sans",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "'Helvetica Neue','Helvetica', 'Arial', sans-serif",
+					"slug": "helvetica-neue",
+					"name": "Helvetica Neue"
+				},
+				{
+					"fontFamily": "'IBM Plex Mono', monospace",
+					"slug": "ibm-plex-mono",
+					"name": "IBM Plex Mono",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "Inter, sans-serif",
+					"slug": "inter",
+					"name": "Inter",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "'Josefin Sans', sans-serif",
+					"slug": "josefin-sans",
+					"name": "Josefin Sans",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "'Libre Baskerville', serif",
+					"slug": "libre-baskerville",
+					"name": "Libre Baskerville",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "'Libre Franklin', sans-serif",
+					"slug": "libre-franklin",
+					"name": "Libre Franklin",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "Lora, serif",
+					"slug": "lora",
+					"name": "Lora",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "Merriweather, serif",
+					"slug": "merriweather",
+					"name": "Merriweather",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "Montserrat, sans-serif",
+					"slug": "montserrat",
+					"name": "Montserrat",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "Nunito, sans-serif",
+					"slug": "nunito",
+					"name": "Nunito",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "'Open Sans', sans-serif",
+					"slug": "open-sans",
+					"name": "Open Sans",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "Overpass, sans-serif",
+					"slug": "overpass",
+					"name": "Overpass",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "'Playfair Display', serif",
+					"slug": "playfair-display",
+					"name": "Playfair Display",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "Poppins, sans-serif",
+					"slug": "poppins",
+					"name": "Poppins",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "Raleway, sans-serif",
+					"slug": "raleway",
+					"name": "Raleway",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "'Red Hat Display', sans-serif",
+					"slug": "red-hat-display",
+					"name": "Red Hat Display",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "Roboto, sans-serif",
+					"slug": "roboto",
+					"name": "Roboto",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "'Roboto Slab', sans-serif",
+					"slug": "roboto-slab",
+					"name": "Roboto Slab",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "Rubik, sans-serif",
+					"slug": "rubik",
+					"name": "Rubik",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "'Source Sans Pro', sans-serif",
+					"slug": "source-sans-pro",
+					"name": "Source Sans Pro",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "'Source Serif Pro', sans-serif",
+					"slug": "source-serif-pro",
+					"name": "Source Serif Pro",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "'Space Mono', sans-serif",
+					"slug": "space-mono",
+					"name": "Space Mono",
+					"provider": "blockbase-fonts"
+				},
+				{
+					"fontFamily": "'Work Sans', sans-serif",
+					"slug": "work-sans",
+					"name": "Work Sans",
+					"provider": "blockbase-fonts"
 				}
 			],
 			"fontSizes": [
@@ -401,17 +568,27 @@
 		"blocks": {
 			"core/button": {
 				"border": {
-					"radius": "var(--wp--custom--button--border--radius)"
+					"radius": "var(--wp--custom--button--border--radius)",
+					"color": "var(--wp--custom--button--border--color)",
+					"style": "var(--wp--custom--button--border--style)",
+					"width": "var(--wp--custom--button--border--width)"
 				},
 				"color": {
 					"background": "var(--wp--custom--button--color--background)",
 					"text": "var(--wp--custom--button--color--text)"
 				},
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--body-font)",
 					"fontSize": "var(--wp--custom--button--typography--font-size)",
 					"fontWeight": "var(--wp--custom--button--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--button--typography--line-height)"
+				},
+				"spacing": {
+					"padding": {
+						"top": "var(--wp--custom--button--spacing--padding--top)",
+						"bottom": "var(--wp--custom--button--spacing--padding--bottom)",
+						"left": "var(--wp--custom--button--spacing--padding--left)",
+						"right": "var(--wp--custom--button--spacing--padding--right)"
+					}
 				}
 			},
 			"core/code": {
@@ -433,6 +610,41 @@
 					"fontFamily": "monospace"
 				}
 			},
+			"core/comment-author-name": {
+				"typography": {
+					"fontSize": "var(--wp--custom--font-sizes--x-small)"
+				}
+			},
+			"core/comment-date": {
+				"typography": {
+					"fontSize": "var(--wp--custom--font-sizes--x-small)"
+				}
+			},
+			"core/comment-edit-link": {
+				"typography": {
+					"fontSize": "var(--wp--custom--font-sizes--x-small)"
+				}
+			},
+			"core/comment-reply-link": {
+				"color": {
+					"text": "var(--wp--custom--color--primary)"
+				},
+				"typography": {
+					"fontSize": "var(--wp--custom--font-sizes--x-small)",
+					"textDecoration": "underline"
+				}
+			},
+			"core/comments-title": {
+				"typography": {
+					"fontSize": "var(--wp--preset--font-size--large)"
+				}
+			},
+			"core/comment-content": {
+				"typography": {
+					"fontSize": "var(--wp--custom--post-comment--typography--font-size)",
+					"lineHeight": "var(--wp--custom--post-comment--typography--line-height)"
+				}
+			},
 			"core/gallery": {
 				"spacing": {
 					"margin": {
@@ -459,7 +671,6 @@
 					}
 				},
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--heading-font)",
 					"fontSize": "var(--wp--preset--font-size--large)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)"
 				}
@@ -541,9 +752,32 @@
 			"text": "var(--wp--custom--color--foreground)"
 		},
 		"elements": {
+			"button": {
+				"border": {
+					"radius": "var(--wp--custom--button--border--radius)"
+				},
+				"color": {
+					"background": "var(--wp--custom--button--color--background)",
+					"text": "var(--wp--custom--button--color--text)"
+				},
+				"typography": {
+					"fontFamily": "var(--wp--preset--font-family--body-font)",
+					"fontSize": "var(--wp--custom--button--typography--font-size)",
+					"fontWeight": "var(--wp--custom--button--typography--font-weight)",
+					"lineHeight": "var(--wp--custom--button--typography--line-height)",
+					"textDecoration": "none"
+				},
+				"spacing": {
+					"padding": {
+						"top": "calc( var(--wp--custom--button--spacing--padding--top) + var(--wp--custom--button--border--width) )",
+						"bottom": "calc( var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width) )",
+						"left": "calc( var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width) )",
+						"right": "calc( var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width) )"
+					}
+				}
+			},
 			"h1": {
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--heading-font)",
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--custom--font-sizes--huge)"
@@ -557,7 +791,6 @@
 			},
 			"h2": {
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--heading-font)",
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--x-large)"
@@ -571,7 +804,6 @@
 			},
 			"h3": {
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--heading-font)",
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--large)"
@@ -585,7 +817,6 @@
 			},
 			"h4": {
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--heading-font)",
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--medium)"
@@ -599,7 +830,6 @@
 			},
 			"h5": {
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--heading-font)",
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--custom--font-sizes--normal)"
@@ -613,7 +843,6 @@
 			},
 			"h6": {
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--heading-font)",
 					"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
 					"lineHeight": "var(--wp--custom--heading--typography--line-height)",
 					"fontSize": "var(--wp--preset--font-size--small)"
@@ -636,7 +865,7 @@
 		},
 		"typography": {
 			"lineHeight": "var(--wp--custom--body--typography--line-height)",
-			"fontFamily": "var(--wp--preset--font-family--body-font)",
+			"fontFamily": "var(--wp--preset--font-family--system-font)",
 			"fontSize": "var(--wp--custom--font-sizes--normal)"
 		}
 	}
diff --git a/calvin/theme.json b/calvin/theme.json
index 963a46e050..8792e29b59 100644
--- a/calvin/theme.json
+++ b/calvin/theme.json
@@ -17,24 +17,6 @@
                 }
             ]
         },
-        "typography": {
-            "fontFamilies": [
-                {
-                    "fontFamily": "\"Roboto\", sans-serif",
-                    "slug": "body-font",
-                    "name": "Body (Roboto)",
-                    "google": "family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900",
-                    "fontSlug": "roboto"
-                },
-                {
-                    "fontFamily": "\"Roboto\", sans-serif",
-                    "slug": "heading-font",
-                    "name": "Heading (Roboto)",
-                    "google": "family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900",
-                    "fontSlug": "roboto"
-                }
-            ]
-        },
         "custom": {
             "color": {
                 "foreground": "var(--wp--preset--color--foreground)",
@@ -44,5 +26,10 @@
                 "tertiary": "var(--wp--preset--color--background)"
             }
         }
+    },
+    "styles": {
+        "typography": {
+			"fontFamily": "var:preset|font-family|roboto"
+        }
     }
 }
\ No newline at end of file
diff --git a/dorna/theme.json b/dorna/theme.json
index d8bf221549..65de08b83f 100644
--- a/dorna/theme.json
+++ b/dorna/theme.json
@@ -34,33 +34,28 @@
                     "default": "#F0F0F0"
                 }
             ]
-        },
-        "typography": {
-            "fontFamilies": [
-                {
-                    "fontFamily": "\"Lora\", serif",
-                    "slug": "body-font",
-                    "name": "Body (Lora)",
-                    "google": "family=Lora:ital,wght@0,400..700;1,400..700",
-                    "fontSlug": "lora"
-                },
-                {
-                    "fontFamily": "\"Playfair Display\", serif",
-                    "slug": "heading-font",
-                    "name": "Heading (Playfair Display)",
-                    "google": "family=Playfair+Display:ital,wght@0,400..900;1,400..900",
-                    "fontSlug": "playfair-display"
-                }
-            ]
         }
     },
     "styles": {
         "blocks": {
+            "core/heading": {
+                "typography": {
+			        "fontFamily": "var:preset|font-family|playfair-display"
+                }
+            },
             "core/paragraph": {
                 "color": {
                     "text": "var(--wp--preset--color--secondary)"
                 }
+            },
+            "core/post-title": {
+                "typography": {
+			        "fontFamily": "var:preset|font-family|playfair-display"
+                }
             }
+        },
+        "typography": {
+			"fontFamily": "var:preset|font-family|lora"
         }
     }
 }
\ No newline at end of file
diff --git a/farrow/theme.json b/farrow/theme.json
index 9987b66896..be9e3c5c96 100644
--- a/farrow/theme.json
+++ b/farrow/theme.json
@@ -17,24 +17,6 @@
                 }
             ]
         },
-        "typography": {
-            "fontFamilies": [
-                {
-                    "fontFamily": "\"Roboto\", sans-serif",
-                    "slug": "body-font",
-                    "name": "Body (Roboto)",
-                    "google": "family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900",
-                    "fontSlug": "roboto"
-                },
-                {
-                    "fontFamily": "\"Rubik\", sans-serif",
-                    "slug": "heading-font",
-                    "name": "Heading (Rubik)",
-                    "google": "family=Rubik:ital,wght@0,300..900;1,300..900",
-                    "fontSlug": "rubik"
-                }
-            ]
-        },
         "custom": {
             "color": {
                 "foreground": "var(--wp--preset--color--foreground)",
@@ -44,5 +26,22 @@
                 "tertiary": "var(--wp--preset--color--background)"
             }
         }
+    },
+    "styles": {
+        "blocks": {
+            "core/heading": {
+                "typography": {
+			        "fontFamily": "var:preset|font-family|rubik"
+                }
+            },
+            "core/post-title": {
+                "typography": {
+			        "fontFamily": "var:preset|font-family|rubik"
+                }
+            }
+        },
+        "typography": {
+			"fontFamily": "var:preset|font-family|roboto"
+        }
     }
 }
\ No newline at end of file
diff --git a/geologist-blue/assets/theme.css b/geologist-blue/assets/theme.css
index 3f37fe2ad3..07f403700a 100644
--- a/geologist-blue/assets/theme.css
+++ b/geologist-blue/assets/theme.css
@@ -35,19 +35,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  border-style: var(--wp--custom--button--border--style);
-  border-color: currentColor;
-  border-width: var(--wp--custom--button--border--width);
-  padding-top: var(--wp--custom--button--spacing--padding--top);
-  padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
-  padding-left: var(--wp--custom--button--spacing--padding--left);
-  padding-right: var(--wp--custom--button--spacing--padding--right);
-}
-
 .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.has-focus {
   border-style: var(--wp--custom--button--border--style);
   border-color: currentColor;
@@ -71,14 +58,6 @@
   padding-right: var(--wp--custom--button--spacing--padding--right);
 }
 
-.wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  color: var(--wp--custom--button--color--background);
-  background-color: var(--wp--custom--button--color--text);
-}
-
 ul ul {
   list-style-type: disc;
 }
diff --git a/geologist-blue/block-templates/page.html b/geologist-blue/block-templates/page.html
index abd1fc3a44..332c5e30b8 100644
--- a/geologist-blue/block-templates/page.html
+++ b/geologist-blue/block-templates/page.html
@@ -14,7 +14,7 @@
 <!-- /wp:group -->
 
 <!-- wp:group {"layout":{"inherit":true}} -->
-<div class="wp-block-group"><!-- wp:post-comments /--></div>
+<div class="wp-block-group"><!-- wp:pattern {"slug":"blockbase/comments"} /--></div>
 <!-- /wp:group -->
 
 <!-- wp:template-part {"slug":"footer","className":"site-footer-container"} /-->
diff --git a/geologist-blue/theme.json b/geologist-blue/theme.json
index 992eb30f1b..260594515d 100644
--- a/geologist-blue/theme.json
+++ b/geologist-blue/theme.json
@@ -84,28 +84,6 @@
 				"secondary": "var(--wp--preset--color--secondary)",
 				"tertiary": "var(--wp--preset--color--tertiary)"
 			},
-			"colorPalettes": [
-				{
-					"label": "White",
-					"slug": "white",
-					"colors": {
-						"primary": "#000000",
-						"secondary": "#000000",
-						"tertiary": "#f1f1f1",
-						"background": "#ffffff"
-					}
-				},
-				{
-					"label": "Black",
-					"slug": "black",
-					"colors": {
-						"primary": "#ffffff",
-						"secondary": "#ffffff",
-						"tertiary": "#313131",
-						"background": "#000000"
-					}
-				}
-			],
 			"form": {
 				"border": {
 					"color": "var(--wp--custom--color--foreground)",
@@ -172,22 +150,6 @@
 		"typography": {
 			"customFontSize": true,
 			"customLineHeight": true,
-			"fontFamilies": [
-				{
-					"fontFamily": "'IBM Plex Mono', 'Courier New', 'Courier', monospace",
-					"fontSlug": "ibm-plex-mono",
-					"slug": "body-font",
-					"name": "Body (IBM Plex Mono)",
-					"google": "family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700"
-				},
-				{
-					"fontFamily": "'IBM Plex Mono', 'Courier New', 'Courier', monospace",
-					"fontSlug": "ibm-plex-mono",
-					"slug": "heading-font",
-					"name": "Headings (IBM Plex Mono)",
-					"google": "family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700"
-				}
-			],
 			"fontSizes": [
 				{
 					"name": "Small",
@@ -368,7 +330,8 @@
 			}
 		},
 		"typography": {
-			"fontWeight": "400"
+			"fontWeight": "400",
+			"fontFamily": "var:preset|font-family|ibm-plex-mono"
 		}
 	}
 }
\ No newline at end of file
diff --git a/geologist-cream/assets/theme.css b/geologist-cream/assets/theme.css
index 3f37fe2ad3..07f403700a 100644
--- a/geologist-cream/assets/theme.css
+++ b/geologist-cream/assets/theme.css
@@ -35,19 +35,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  border-style: var(--wp--custom--button--border--style);
-  border-color: currentColor;
-  border-width: var(--wp--custom--button--border--width);
-  padding-top: var(--wp--custom--button--spacing--padding--top);
-  padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
-  padding-left: var(--wp--custom--button--spacing--padding--left);
-  padding-right: var(--wp--custom--button--spacing--padding--right);
-}
-
 .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.has-focus {
   border-style: var(--wp--custom--button--border--style);
   border-color: currentColor;
@@ -71,14 +58,6 @@
   padding-right: var(--wp--custom--button--spacing--padding--right);
 }
 
-.wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  color: var(--wp--custom--button--color--background);
-  background-color: var(--wp--custom--button--color--text);
-}
-
 ul ul {
   list-style-type: disc;
 }
diff --git a/geologist-cream/block-templates/page.html b/geologist-cream/block-templates/page.html
index abd1fc3a44..332c5e30b8 100644
--- a/geologist-cream/block-templates/page.html
+++ b/geologist-cream/block-templates/page.html
@@ -14,7 +14,7 @@
 <!-- /wp:group -->
 
 <!-- wp:group {"layout":{"inherit":true}} -->
-<div class="wp-block-group"><!-- wp:post-comments /--></div>
+<div class="wp-block-group"><!-- wp:pattern {"slug":"blockbase/comments"} /--></div>
 <!-- /wp:group -->
 
 <!-- wp:template-part {"slug":"footer","className":"site-footer-container"} /-->
diff --git a/geologist-cream/theme.json b/geologist-cream/theme.json
index 0e5fbdd921..0b6dc0102f 100644
--- a/geologist-cream/theme.json
+++ b/geologist-cream/theme.json
@@ -84,28 +84,6 @@
 				"secondary": "var(--wp--preset--color--secondary)",
 				"tertiary": "var(--wp--preset--color--tertiary)"
 			},
-			"colorPalettes": [
-				{
-					"label": "White",
-					"slug": "white",
-					"colors": {
-						"primary": "#000000",
-						"secondary": "#000000",
-						"tertiary": "#f1f1f1",
-						"background": "#ffffff"
-					}
-				},
-				{
-					"label": "Black",
-					"slug": "black",
-					"colors": {
-						"primary": "#ffffff",
-						"secondary": "#ffffff",
-						"tertiary": "#313131",
-						"background": "#000000"
-					}
-				}
-			],
 			"form": {
 				"border": {
 					"color": "var(--wp--custom--color--foreground)",
@@ -172,22 +150,6 @@
 		"typography": {
 			"customFontSize": true,
 			"customLineHeight": true,
-			"fontFamilies": [
-				{
-					"fontFamily": "'Source Serif Pro', serif",
-					"fontSlug": "source-serif-pro",
-					"slug": "body-font",
-					"name": "Body (Source Serif Pro)",
-					"google": "family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900"
-				},
-				{
-					"fontFamily": "'Source Serif Pro', serif",
-					"fontSlug": "source-serif-pro",
-					"slug": "heading-font",
-					"name": "Headings (Source Serif Pro)",
-					"google": "family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900"
-				}
-			],
 			"fontSizes": [
 				{
 					"name": "Small",
@@ -368,7 +330,8 @@
 			}
 		},
 		"typography": {
-			"fontWeight": "400"
+			"fontWeight": "400",
+			"fontFamily": "var:preset|font-family|source-serif-pro"
 		}
 	}
 }
\ No newline at end of file
diff --git a/geologist-slate/assets/theme.css b/geologist-slate/assets/theme.css
index 3f37fe2ad3..07f403700a 100644
--- a/geologist-slate/assets/theme.css
+++ b/geologist-slate/assets/theme.css
@@ -35,19 +35,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  border-style: var(--wp--custom--button--border--style);
-  border-color: currentColor;
-  border-width: var(--wp--custom--button--border--width);
-  padding-top: var(--wp--custom--button--spacing--padding--top);
-  padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
-  padding-left: var(--wp--custom--button--spacing--padding--left);
-  padding-right: var(--wp--custom--button--spacing--padding--right);
-}
-
 .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.has-focus {
   border-style: var(--wp--custom--button--border--style);
   border-color: currentColor;
@@ -71,14 +58,6 @@
   padding-right: var(--wp--custom--button--spacing--padding--right);
 }
 
-.wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  color: var(--wp--custom--button--color--background);
-  background-color: var(--wp--custom--button--color--text);
-}
-
 ul ul {
   list-style-type: disc;
 }
diff --git a/geologist-slate/block-templates/page.html b/geologist-slate/block-templates/page.html
index abd1fc3a44..332c5e30b8 100644
--- a/geologist-slate/block-templates/page.html
+++ b/geologist-slate/block-templates/page.html
@@ -14,7 +14,7 @@
 <!-- /wp:group -->
 
 <!-- wp:group {"layout":{"inherit":true}} -->
-<div class="wp-block-group"><!-- wp:post-comments /--></div>
+<div class="wp-block-group"><!-- wp:pattern {"slug":"blockbase/comments"} /--></div>
 <!-- /wp:group -->
 
 <!-- wp:template-part {"slug":"footer","className":"site-footer-container"} /-->
diff --git a/geologist-slate/theme.json b/geologist-slate/theme.json
index 9d5b00837c..8fcb10b7c4 100644
--- a/geologist-slate/theme.json
+++ b/geologist-slate/theme.json
@@ -84,28 +84,6 @@
 				"secondary": "var(--wp--preset--color--secondary)",
 				"tertiary": "var(--wp--preset--color--tertiary)"
 			},
-			"colorPalettes": [
-				{
-					"label": "White",
-					"slug": "white",
-					"colors": {
-						"primary": "#000000",
-						"secondary": "#000000",
-						"tertiary": "#f1f1f1",
-						"background": "#ffffff"
-					}
-				},
-				{
-					"label": "Black",
-					"slug": "black",
-					"colors": {
-						"primary": "#ffffff",
-						"secondary": "#ffffff",
-						"tertiary": "#313131",
-						"background": "#000000"
-					}
-				}
-			],
 			"form": {
 				"border": {
 					"color": "var(--wp--custom--color--foreground)",
@@ -172,22 +150,6 @@
 		"typography": {
 			"customFontSize": true,
 			"customLineHeight": true,
-			"fontFamilies": [
-				{
-					"fontFamily": "'Rubik', sans-serif",
-					"fontSlug": "rubik",
-					"slug": "body-font",
-					"name": "Body (Rubik)",
-					"google": "family=Rubik:ital,wght@0,300..900;1,300..900"
-				},
-				{
-					"fontFamily": "'Rubik', sans-serif",
-					"fontSlug": "rubik",
-					"slug": "heading-font",
-					"name": "Headings (Rubik)",
-					"google": "family=Rubik:ital,wght@0,300..900;1,300..900"
-				}
-			],
 			"fontSizes": [
 				{
 					"name": "Small",
@@ -354,7 +316,8 @@
 			}
 		},
 		"typography": {
-			"fontWeight": "400"
+			"fontWeight": "400",
+			"fontFamily": "var:preset|font-family|rubik"
 		}
 	}
 }
\ No newline at end of file
diff --git a/geologist-yellow/assets/theme.css b/geologist-yellow/assets/theme.css
index 3f37fe2ad3..07f403700a 100644
--- a/geologist-yellow/assets/theme.css
+++ b/geologist-yellow/assets/theme.css
@@ -35,19 +35,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  border-style: var(--wp--custom--button--border--style);
-  border-color: currentColor;
-  border-width: var(--wp--custom--button--border--width);
-  padding-top: var(--wp--custom--button--spacing--padding--top);
-  padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
-  padding-left: var(--wp--custom--button--spacing--padding--left);
-  padding-right: var(--wp--custom--button--spacing--padding--right);
-}
-
 .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.has-focus {
   border-style: var(--wp--custom--button--border--style);
   border-color: currentColor;
@@ -71,14 +58,6 @@
   padding-right: var(--wp--custom--button--spacing--padding--right);
 }
 
-.wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  color: var(--wp--custom--button--color--background);
-  background-color: var(--wp--custom--button--color--text);
-}
-
 ul ul {
   list-style-type: disc;
 }
diff --git a/geologist-yellow/block-templates/page.html b/geologist-yellow/block-templates/page.html
index abd1fc3a44..332c5e30b8 100644
--- a/geologist-yellow/block-templates/page.html
+++ b/geologist-yellow/block-templates/page.html
@@ -14,7 +14,7 @@
 <!-- /wp:group -->
 
 <!-- wp:group {"layout":{"inherit":true}} -->
-<div class="wp-block-group"><!-- wp:post-comments /--></div>
+<div class="wp-block-group"><!-- wp:pattern {"slug":"blockbase/comments"} /--></div>
 <!-- /wp:group -->
 
 <!-- wp:template-part {"slug":"footer","className":"site-footer-container"} /-->
diff --git a/geologist-yellow/theme.json b/geologist-yellow/theme.json
index 19c8fb536c..bf8fd99a7d 100644
--- a/geologist-yellow/theme.json
+++ b/geologist-yellow/theme.json
@@ -84,28 +84,6 @@
 				"secondary": "var(--wp--preset--color--secondary)",
 				"tertiary": "var(--wp--preset--color--tertiary)"
 			},
-			"colorPalettes": [
-				{
-					"label": "White",
-					"slug": "white",
-					"colors": {
-						"primary": "#000000",
-						"secondary": "#000000",
-						"tertiary": "#f1f1f1",
-						"background": "#ffffff"
-					}
-				},
-				{
-					"label": "Black",
-					"slug": "black",
-					"colors": {
-						"primary": "#ffffff",
-						"secondary": "#ffffff",
-						"tertiary": "#313131",
-						"background": "#000000"
-					}
-				}
-			],
 			"form": {
 				"border": {
 					"color": "var(--wp--custom--color--foreground)",
@@ -172,20 +150,6 @@
 		"typography": {
 			"customFontSize": true,
 			"customLineHeight": true,
-			"fontFamilies": [
-				{
-					"fontFamily": "'Helvetica Neue','Helvetica', 'Arial', sans-serif",
-					"fontSlug": "helvetica-neue",
-					"slug": "body-font",
-					"name": "Body (Helvetica)"
-				},
-				{
-					"fontFamily": "'Helvetica Neue','Helvetica', 'Arial', sans-serif",
-					"fontSlug": "helvetica-neue",
-					"slug": "heading-font",
-					"name": "Headings (Helvetica)"
-				}
-			],
 			"fontSizes": [
 				{
 					"name": "Small",
@@ -352,7 +316,8 @@
 			}
 		},
 		"typography": {
-			"fontWeight": "400"
+			"fontWeight": "400",
+			"fontFamily": "var:preset|font-family|helvetica-neue"
 		}
 	}
 }
\ No newline at end of file
diff --git a/geologist/assets/theme.css b/geologist/assets/theme.css
index 3f37fe2ad3..07f403700a 100644
--- a/geologist/assets/theme.css
+++ b/geologist/assets/theme.css
@@ -35,19 +35,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  border-style: var(--wp--custom--button--border--style);
-  border-color: currentColor;
-  border-width: var(--wp--custom--button--border--width);
-  padding-top: var(--wp--custom--button--spacing--padding--top);
-  padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
-  padding-left: var(--wp--custom--button--spacing--padding--left);
-  padding-right: var(--wp--custom--button--spacing--padding--right);
-}
-
 .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.has-focus {
   border-style: var(--wp--custom--button--border--style);
   border-color: currentColor;
@@ -71,14 +58,6 @@
   padding-right: var(--wp--custom--button--spacing--padding--right);
 }
 
-.wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  color: var(--wp--custom--button--color--background);
-  background-color: var(--wp--custom--button--color--text);
-}
-
 ul ul {
   list-style-type: disc;
 }
diff --git a/geologist/block-templates/page.html b/geologist/block-templates/page.html
index abd1fc3a44..332c5e30b8 100644
--- a/geologist/block-templates/page.html
+++ b/geologist/block-templates/page.html
@@ -14,7 +14,7 @@
 <!-- /wp:group -->
 
 <!-- wp:group {"layout":{"inherit":true}} -->
-<div class="wp-block-group"><!-- wp:post-comments /--></div>
+<div class="wp-block-group"><!-- wp:pattern {"slug":"blockbase/comments"} /--></div>
 <!-- /wp:group -->
 
 <!-- wp:template-part {"slug":"footer","className":"site-footer-container"} /-->
diff --git a/geologist/styles/black.json b/geologist/styles/black.json
new file mode 100644
index 0000000000..2cbc349e80
--- /dev/null
+++ b/geologist/styles/black.json
@@ -0,0 +1,31 @@
+{
+	"version": 2,
+	"title": "Black",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "primary",
+					"color": "#ffffff",
+					"name": "Primary"
+				},
+				{
+					"slug": "secondary",
+					"color": "#ffffff",
+					"name": "Secondary"
+				},
+				{
+					"slug": "background",
+					"color": "#000000",
+					"name": "Background"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#313131",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/geologist/styles/white.json b/geologist/styles/white.json
new file mode 100644
index 0000000000..8b5ba65042
--- /dev/null
+++ b/geologist/styles/white.json
@@ -0,0 +1,31 @@
+{
+	"version": 2,
+	"title": "White",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "primary",
+					"color": "#000000",
+					"name": "Primary"
+				},
+				{
+					"slug": "secondary",
+					"color": "#000000",
+					"name": "Secondary"
+				},
+				{
+					"slug": "background",
+					"color": "#ffffff",
+					"name": "Background"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#f1f1f1",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/geologist/theme.json b/geologist/theme.json
index cb1f366fe4..d7e4eab379 100644
--- a/geologist/theme.json
+++ b/geologist/theme.json
@@ -84,28 +84,6 @@
 				"secondary": "var(--wp--preset--color--secondary)",
 				"tertiary": "var(--wp--preset--color--tertiary)"
 			},
-			"colorPalettes": [
-				{
-					"label": "White",
-					"slug": "white",
-					"colors": {
-						"primary": "#000000",
-						"secondary": "#000000",
-						"tertiary": "#f1f1f1",
-						"background": "#ffffff"
-					}
-				},
-				{
-					"label": "Black",
-					"slug": "black",
-					"colors": {
-						"primary": "#ffffff",
-						"secondary": "#ffffff",
-						"tertiary": "#313131",
-						"background": "#000000"
-					}
-				}
-			],
 			"form": {
 				"border": {
 					"color": "var(--wp--custom--color--foreground)",
@@ -172,22 +150,6 @@
 		"typography": {
 			"customFontSize": true,
 			"customLineHeight": true,
-			"fontFamilies": [
-				{
-					"fontFamily": "\"DM Sans\", sans-serif",
-					"fontSlug": "dm-sans",
-					"slug": "body-font",
-					"name": "Body (DM Sans)",
-					"google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
-				},
-				{
-					"fontFamily": "\"DM Sans\", sans-serif",
-					"fontSlug": "dm-sans",
-					"slug": "heading-font",
-					"name": "Headings (DM Sans)",
-					"google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
-				}
-			],
 			"fontSizes": [
 				{
 					"name": "Small",
@@ -354,7 +316,8 @@
 			}
 		},
 		"typography": {
-			"fontWeight": "400"
+			"fontWeight": "400",
+			"fontFamily": "var:preset|font-family|dm-sans"
 		}
 	}
 }
diff --git a/hari/theme.json b/hari/theme.json
index 8ca84d2f60..2c390b2b40 100644
--- a/hari/theme.json
+++ b/hari/theme.json
@@ -29,24 +29,6 @@
                 }
             ]
         },
-        "typography": {
-            "fontFamilies": [
-                {
-                    "fontFamily": "\"Source Sans Pro\", sans-serif",
-                    "slug": "body-font",
-                    "name": "Body (Source Sans Pro)",
-                    "google": "family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900",
-                    "fontSlug": "source-sans-pro"
-                },
-                {
-                    "fontFamily": "\"Bodoni Moda\", serif",
-                    "slug": "heading-font",
-                    "name": "Heading (Bodoni Moda)",
-                    "google": "family=Bodoni+Moda:ital,wght@0,400..900;1,400..900",
-                    "fontSlug": "bodoni-moda"
-                }
-            ]
-        },
         "custom": {
             "color": {
                 "foreground": "var(--wp--preset--color--foreground)",
@@ -56,5 +38,22 @@
                 "tertiary": "var(--wp--preset--color--tertiary)"
             }
         }
+    },
+    "styles": {
+        "blocks": {
+            "core/heading": {
+                "typography": {
+			        "fontFamily": "var:preset|font-family|bodoni-moda"
+                }
+            },
+            "core/post-title": {
+                "typography": {
+			        "fontFamily": "var:preset|font-family|bodoni-moda"
+                }
+            }
+        },
+        "typography": {
+			"fontFamily": "var:preset|font-family|source-sans-pro"
+        }
     }
 }
\ No newline at end of file
diff --git a/heiwa/theme.json b/heiwa/theme.json
index 6061395102..9565559f97 100644
--- a/heiwa/theme.json
+++ b/heiwa/theme.json
@@ -93,22 +93,6 @@
 			"wideSize": "1240px"
 		},
 		"typography": {
-			"fontFamilies": [
-				{
-					"fontFamily": "\"EB Garamond\", serif",
-					"slug": "body-font",
-					"name": "Body (EB Garamond)",
-					"google": "family=EB+Garamond:ital,wght@0,400..800;1,400..800",
-					"fontSlug": "eb-garamond"
-				},
-				{
-					"fontFamily": "\"EB Garamond\", serif",
-					"slug": "heading-font",
-					"name": "Heading (EB Garamond)",
-					"google": "family=EB+Garamond:ital,wght@0,400..800;1,400..800",
-					"fontSlug": "eb-garamond"
-				}
-			],
 			"fontSizes": [
 				{
 					"name": "Small",
@@ -199,6 +183,9 @@
 		},
 		"spacing": {
 			"blockGap": "calc(7 * var(--wp--custom--gap--baseline))"
+		},
+		"typography": {
+			"fontFamily": "var:preset|font-family|eb-garamond"
 		}
 	}
 }
diff --git a/jackson/theme.json b/jackson/theme.json
index 0f0ffa59e0..3ab5747adc 100644
--- a/jackson/theme.json
+++ b/jackson/theme.json
@@ -17,24 +17,6 @@
                 }
             ]
         },
-        "typography": {
-            "fontFamilies": [
-                {
-                    "fontFamily": "\"DM Sans\", sans-serif",
-                    "slug": "body-font",
-                    "name": "Body (DM Sans)",
-                    "google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700\"",
-                    "fontSlug": "dm-sans"
-                },
-                {
-                    "fontFamily": "\"DM Sans\", sans-serif",
-                    "slug": "heading-font",
-                    "name": "Heading (DM Sans)",
-                    "google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700\"",
-                    "fontSlug": "dm-sans"
-                }
-            ]
-        },
         "custom": {
 			"color": {
 				"foreground": "var(--wp--preset--color--foreground)",
@@ -44,5 +26,10 @@
 				"tertiary": "var(--wp--preset--color--background)"
 			}
         }
+    },
+    "styles": {
+        "typography": {
+			"fontFamily": "var:preset|font-family|dm-sans"
+        }
     }
 }
\ No newline at end of file
diff --git a/kingsley/theme.json b/kingsley/theme.json
index e2e5f7d7d3..5e2181bf6c 100644
--- a/kingsley/theme.json
+++ b/kingsley/theme.json
@@ -17,24 +17,6 @@
                 }
             ]
         },
-        "typography": {
-            "fontFamilies": [
-                {
-                    "fontFamily": "\"Overpass\", sans-serif",
-                    "slug": "body-font",
-                    "name": "Body (Overpass)",
-                    "google": "family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900",
-                    "fontSlug": "overpass"
-                },
-                {
-                    "fontFamily": "\"Bodoni Moda\", serif",
-                    "slug": "heading-font",
-                    "name": "Heading (Bodoni Moda)",
-                    "google": "family=Bodoni+Moda:ital,wght@0,400..900;1,400..900",
-                    "fontSlug": "bodoni-moda"
-                }
-            ]
-        },
         "custom": {
 			"color": {
 				"foreground": "var(--wp--preset--color--foreground)",
@@ -44,5 +26,22 @@
 				"tertiary": "var(--wp--preset--color--background)"
 			}
         }
+    },
+    "styles": {
+        "blocks": {
+            "core/heading": {
+                "typography": {
+			        "fontFamily": "var:preset|font-family|bodoni-moda"
+                }
+            },
+            "core/post-title": {
+                "typography": {
+			        "fontFamily": "var:preset|font-family|bodoni-moda"
+                }
+            }
+        },
+        "typography": {
+			"fontFamily": "var:preset|font-family|overpass"
+        }
     }
 }
\ No newline at end of file
diff --git a/marl/theme.json b/marl/theme.json
index 9266b825bc..68a3ce8fc4 100644
--- a/marl/theme.json
+++ b/marl/theme.json
@@ -23,24 +23,6 @@
                 }
             ]
         },
-        "typography": {
-            "fontFamilies": [
-                {
-                    "fontFamily": "\"Fira Sans\", sans-serif",
-                    "slug": "body-font",
-                    "name": "Body (Fira Sans)",
-                    "google": "family=Fira+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700",
-                    "fontSlug": "fira-sans"
-                },
-                {
-                    "fontFamily": "\"EB Garamond\", serif",
-                    "slug": "heading-font",
-                    "name": "Heading (EB Garamond)",
-                    "google": "family=EB+Garamond:ital,wght@0,400..800;1,400..800",
-                    "fontSlug": "eb-garamond"
-                }
-            ]
-        },
         "custom": {
             "color": {
                 "foreground": "var(--wp--preset--color--foreground)",
@@ -50,5 +32,22 @@
                 "tertiary": "var(--wp--preset--color--tertiary)"
             }
         }
+    },
+    "styles": {
+        "blocks": {
+            "core/heading": {
+                "typography": {
+			        "fontFamily": "var:preset|font-family|eb-garamond"
+                }
+            },
+            "core/post-title": {
+                "typography": {
+			        "fontFamily": "var:preset|font-family|eb-garamond"
+                }
+            }
+        },
+        "typography": {
+			"fontFamily": "var:preset|font-family|fira-sans"
+        }
     }
 }
\ No newline at end of file
diff --git a/mayland-blocks/block-templates/single.html b/mayland-blocks/block-templates/single.html
index b02abbe6a3..6b05924239 100644
--- a/mayland-blocks/block-templates/single.html
+++ b/mayland-blocks/block-templates/single.html
@@ -34,7 +34,7 @@
 <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
-<!-- wp:post-comments /-->
+<!-- wp:pattern {"slug":"blockbase/comments"} /-->
 </div>
 <!-- /wp:group -->
 
diff --git a/mayland-blocks/theme.json b/mayland-blocks/theme.json
index 3e5f2d91d8..ffe2afe179 100644
--- a/mayland-blocks/theme.json
+++ b/mayland-blocks/theme.json
@@ -95,22 +95,6 @@
 		"typography": {
 			"customFontSize": true,
 			"customLineHeight": true,
-			"fontFamilies": [
-				{
-					"fontFamily": "\"Poppins\", sans-serif",
-					"fontSlug": "poppins",
-					"slug": "body-font",
-					"name": "Body (Poppins)",
-					"google": "family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900"
-				},
-				{
-					"fontFamily": "\"Poppins\", sans-serif",
-					"fontSlug": "poppins",
-					"slug": "heading-font",
-					"name": "Headings (Poppins)",
-					"google": "family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900"
-				}
-			],
 			"fontSizes": [
 				{
 					"name": "Small",
@@ -204,6 +188,9 @@
 					"text": "var(--wp--custom--color--foreground)"
 				}
 			}
+		},
+		"typography": {
+			"fontFamily": "var:preset|font-family|poppins"
 		}
 	}
 }
diff --git a/meraki/templates/page.html b/meraki/templates/page.html
index 3cccb791c5..d56447880f 100644
--- a/meraki/templates/page.html
+++ b/meraki/templates/page.html
@@ -15,7 +15,7 @@
 <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
-<!-- wp:post-comments /--></div>
+<!-- wp:pattern {"slug":"blockbase/comments"} /--></div>
 <!-- /wp:group -->
 
 <!-- wp:group {"layout":{"inherit":true}} -->
diff --git a/meraki/templates/single.html b/meraki/templates/single.html
index fa965c1634..0490928e07 100644
--- a/meraki/templates/single.html
+++ b/meraki/templates/single.html
@@ -21,7 +21,7 @@
     <!-- wp:spacer {"height":60} -->
     <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
     <!-- /wp:spacer -->
-    <!-- wp:post-comments /-->
+    <!-- wp:pattern {"slug":"blockbase/comments"} /-->
 </div>
 <!-- /wp:group -->
 
diff --git a/meraki/theme.json b/meraki/theme.json
index 80f5b85da6..b5bc0616fe 100644
--- a/meraki/theme.json
+++ b/meraki/theme.json
@@ -42,11 +42,30 @@
 				}
 			},
 			"button": {
+				"color": {
+					"background": "var(--wp--preset--color--foreground)",
+					"text": "var(--wp--preset--color--background)"
+				},
+				"border": {
+					"radius": "50px",
+					"color": "var(--wp--preset--color--foreground)"
+				},	
+				"typography": {
+					"fontSize": "var(--wp--preset--font-size--tiny)",
+					"lineHeight": "1.2"
+				},
 				"hover": {
 					"color": {
 						"text": "var(--wp--custom--color--background)",
 						"background": "var(--wp--custom--color--primary)"
 					}
+				},
+				"outline": {
+					"hover": {
+						"color": {
+							"background": "var(--wp--custom--color--primary)"
+						}
+					}
 				}
 			}
 		},
@@ -54,15 +73,13 @@
 			"fontFamilies": [
 				{
 					"fontFamily": "\"Nunito\", sans-serif",
-					"slug": "body-font",
-					"name": "Body (Nunito)",
-					"google": "family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900",
-					"fontSlug": "nunito"
+					"slug": "nunito",
+					"name": "Nunito"
 				},
 				{
 					"fontFamily": "Jost, sans-serif",
-					"slug": "heading-font",
-					"name": "Headings (Jost)",
+					"slug": "jost",
+					"name": "Jost",
 					"fontFace": [
 						{
 							"fontDisplay": "block",
@@ -124,23 +141,19 @@
 	"styles": {
 		"blocks": {
 			"core/button": {
-				"border": {
-					"radius": "50"
-				},
-				"color": {
-					"background": "var(--wp--preset--color--foreground)",
-					"text": "var(--wp--preset--color--background)"
-				},
 				"typography": {
 					"letterSpacing": "0.05em",
-					"fontSize": "var(--wp--preset--font-size--tiny)",
-					"textTransform": "uppercase",
-					"lineHeight": "1.2"
+					"textTransform": "uppercase"
 				}
 			},
+            		"core/heading": {
+             	   		"typography": {
+			        	"fontFamily": "var:preset|font-family|jost"
+                		}
+			},
 			"core/navigation-link": {
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--heading-font)",
+					"fontFamily": "var(--wp--preset--font-family--jost)",
 					"letterSpacing": "0.05em",
 					"fontSize": "var(--wp--preset--font-size--tiny)",
 					"textTransform": "uppercase"
@@ -148,6 +161,7 @@
 			},
 			"core/post-title": {
 				"typography": {
+			        	"fontFamily": "var:preset|font-family|jost",
 					"fontSize": "var(--wp--preset--font-size--large)",
 					"fontWeight": "500",
 					"lineHeight": "1.2"
@@ -166,7 +180,7 @@
 			},
 			"core/site-tagline": {
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--heading-font)",
+					"fontFamily": "var(--wp--preset--font-family--jost)",
 					"fontSize": "var(--wp--preset--font-size--small)"
 				}
 			}
@@ -179,9 +193,12 @@
 		"elements": {
 			"typography": {
 				"lineHeight": "1.6",
-				"fontFamily": "var(--wp--preset--font-family--body-font)",
+				"fontFamily": "var:preset|font-family|nunito",
 				"fontSize": "var(--wp--preset--font-size--normal)"
 			}
+		},
+		"typography": {
+			"fontFamily": "var:preset|font-family|nunito"
 		}
 	}
-}
+}
\ No newline at end of file
diff --git a/quadrat-black/assets/theme.css b/quadrat-black/assets/theme.css
index 3c33c9b9f7..d878b4eefd 100644
--- a/quadrat-black/assets/theme.css
+++ b/quadrat-black/assets/theme.css
@@ -205,19 +205,6 @@ div.horizontal-query-pattern figure.wp-block-post-featured-image img {
   transform: rotate(16deg) translate(-110px, 40px);
 }
 
-.wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  border-style: var(--wp--custom--button--border--style);
-  border-color: currentColor;
-  border-width: var(--wp--custom--button--border--width);
-  padding-top: var(--wp--custom--button--spacing--padding--top);
-  padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
-  padding-left: var(--wp--custom--button--spacing--padding--left);
-  padding-right: var(--wp--custom--button--spacing--padding--right);
-}
-
 .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.has-focus {
   border-style: var(--wp--custom--button--border--style);
   border-color: currentColor;
@@ -241,14 +228,6 @@ div.horizontal-query-pattern figure.wp-block-post-featured-image img {
   padding-right: var(--wp--custom--button--spacing--padding--right);
 }
 
-.wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  color: var(--wp--custom--button--color--background);
-  background-color: var(--wp--custom--button--color--text);
-}
-
 ul ul {
   list-style-type: disc;
 }
diff --git a/quadrat-black/block-templates/page.html b/quadrat-black/block-templates/page.html
index e06500e35b..242f96156f 100644
--- a/quadrat-black/block-templates/page.html
+++ b/quadrat-black/block-templates/page.html
@@ -14,7 +14,7 @@
 <!-- /wp:group -->
 
 <!-- wp:group {"layout":{"inherit":true}} -->
-<div class="wp-block-group"><!-- wp:post-comments /--></div>
+<div class="wp-block-group"><!-- wp:pattern {"slug":"blockbase/comments"} /--></div>
 <!-- /wp:group -->
 
 
diff --git a/quadrat-black/block-templates/single.html b/quadrat-black/block-templates/single.html
index 62fa3e51a2..0a4f52eb8e 100644
--- a/quadrat-black/block-templates/single.html
+++ b/quadrat-black/block-templates/single.html
@@ -43,7 +43,7 @@
 		<!-- wp:spacer {"height":150} -->
 		<div style="height:150px" aria-hidden="true" class="wp-block-spacer"></div>
 		<!-- /wp:spacer -->
-		<!-- wp:post-comments /-->
+		<!-- wp:pattern {"slug":"blockbase/comments"} /-->
 	</div>
 	<!-- /wp:group -->
 
diff --git a/quadrat-black/theme.json b/quadrat-black/theme.json
index fa7b73c754..07037c89fd 100644
--- a/quadrat-black/theme.json
+++ b/quadrat-black/theme.json
@@ -89,89 +89,6 @@
 				"secondary": "var(--wp--preset--color--primary)",
 				"tertiary": "var(--wp--preset--color--tertiary)"
 			},
-			"colorPalettes": [
-				{
-					"label": "Blue",
-					"slug": "blue",
-					"colors": {
-						"primary": "#FDF5E2",
-						"tertiary": "#123B62",
-						"background": "#204A72"
-					}
-				},
-				{
-					"label": "Dark Blue",
-					"slug": "dark-blue",
-					"colors": {
-						"primary": "#F9DAAD",
-						"tertiary": "#071F2C",
-						"background": "#0E2B3B"
-					}
-				},
-				{
-					"label": "Green",
-					"slug": "green",
-					"colors": {
-						"primary": "#F5D5CA",
-						"tertiary": "#0A2C25",
-						"background": "#103931"
-					}
-				},
-				{
-					"label": "Red",
-					"slug": "red",
-					"colors": {
-						"primary": "#CEEDFF",
-						"tertiary": "#721A18",
-						"background": "#822726"
-					}
-				},
-				{
-					"label": "Light Green",
-					"slug": "light-green",
-					"colors": {
-						"primary": "#0C1946",
-						"tertiary": "#DBE9DD",
-						"background": "#EBF3EC"
-					}
-				},
-				{
-					"label": "White",
-					"slug": "white",
-					"colors": {
-						"primary": "#2B2B2B",
-						"tertiary": "#F8F8F8",
-						"background": "#FFFFFF"
-					}
-				},
-				{
-					"label": "Light Pink",
-					"slug": "light-pink",
-					"colors": {
-						"primary": "#151853",
-						"tertiary": "#FCD0D0",
-						"background": "#FFE2E2"
-					}
-				},
-				{
-					"label": "Light Yellow",
-					"slug": "light-yellow",
-					"colors": {
-						"primary": "#0E2B3B",
-						"tertiary": "#FBEAD2",
-						"background": "#FFF4E3"
-					}
-				},
-				{
-					"label": "Light Blue",
-					"slug": "light-blue",
-					"colors": {
-						"primary": "#460707",
-						"tertiary": "#DEE9F1",
-						"background": "#EDF4F9"
-					}
-				}
-			],
 			"form": {
 				"border": {
 					"color": "var(--wp--custom--color--foreground)",
@@ -238,22 +155,6 @@
 		"typography": {
 			"customFontSize": true,
 			"customLineHeight": true,
-			"fontFamilies": [
-				{
-					"fontFamily": "\"DM Sans\", sans-serif",
-					"fontSlug": "dm-sans",
-					"slug": "body-font",
-					"name": "Body (DM Sans)",
-					"google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
-				},
-				{
-					"fontFamily": "\"DM Sans\", sans-serif",
-					"fontSlug": "dm-sans",
-					"slug": "heading-font",
-					"name": "Headings (DM Sans)",
-					"google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
-				}
-			],
 			"fontSizes": [
 				{
 					"name": "Small",
@@ -423,7 +324,8 @@
 			}
 		},
 		"typography": {
-			"fontWeight": "400"
+			"fontWeight": "400",
+			"fontFamily": "var:preset|font-family|dm-sans"
 		}
 	}
 }
\ No newline at end of file
diff --git a/quadrat-green/assets/theme.css b/quadrat-green/assets/theme.css
index 3c33c9b9f7..d878b4eefd 100644
--- a/quadrat-green/assets/theme.css
+++ b/quadrat-green/assets/theme.css
@@ -205,19 +205,6 @@ div.horizontal-query-pattern figure.wp-block-post-featured-image img {
   transform: rotate(16deg) translate(-110px, 40px);
 }
 
-.wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  border-style: var(--wp--custom--button--border--style);
-  border-color: currentColor;
-  border-width: var(--wp--custom--button--border--width);
-  padding-top: var(--wp--custom--button--spacing--padding--top);
-  padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
-  padding-left: var(--wp--custom--button--spacing--padding--left);
-  padding-right: var(--wp--custom--button--spacing--padding--right);
-}
-
 .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.has-focus {
   border-style: var(--wp--custom--button--border--style);
   border-color: currentColor;
@@ -241,14 +228,6 @@ div.horizontal-query-pattern figure.wp-block-post-featured-image img {
   padding-right: var(--wp--custom--button--spacing--padding--right);
 }
 
-.wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  color: var(--wp--custom--button--color--background);
-  background-color: var(--wp--custom--button--color--text);
-}
-
 ul ul {
   list-style-type: disc;
 }
diff --git a/quadrat-green/block-templates/page.html b/quadrat-green/block-templates/page.html
index e06500e35b..242f96156f 100644
--- a/quadrat-green/block-templates/page.html
+++ b/quadrat-green/block-templates/page.html
@@ -14,7 +14,7 @@
 <!-- /wp:group -->
 
 <!-- wp:group {"layout":{"inherit":true}} -->
-<div class="wp-block-group"><!-- wp:post-comments /--></div>
+<div class="wp-block-group"><!-- wp:pattern {"slug":"blockbase/comments"} /--></div>
 <!-- /wp:group -->
 
 
diff --git a/quadrat-green/block-templates/single.html b/quadrat-green/block-templates/single.html
index 62fa3e51a2..0a4f52eb8e 100644
--- a/quadrat-green/block-templates/single.html
+++ b/quadrat-green/block-templates/single.html
@@ -43,7 +43,7 @@
 		<!-- wp:spacer {"height":150} -->
 		<div style="height:150px" aria-hidden="true" class="wp-block-spacer"></div>
 		<!-- /wp:spacer -->
-		<!-- wp:post-comments /-->
+		<!-- wp:pattern {"slug":"blockbase/comments"} /-->
 	</div>
 	<!-- /wp:group -->
 
diff --git a/quadrat-green/theme.json b/quadrat-green/theme.json
index 0fc50eabea..d3f5d78f85 100644
--- a/quadrat-green/theme.json
+++ b/quadrat-green/theme.json
@@ -89,89 +89,6 @@
 				"secondary": "var(--wp--preset--color--primary)",
 				"tertiary": "var(--wp--preset--color--tertiary)"
 			},
-			"colorPalettes": [
-				{
-					"label": "Blue",
-					"slug": "blue",
-					"colors": {
-						"primary": "#FDF5E2",
-						"tertiary": "#123B62",
-						"background": "#204A72"
-					}
-				},
-				{
-					"label": "Dark Blue",
-					"slug": "dark-blue",
-					"colors": {
-						"primary": "#F9DAAD",
-						"tertiary": "#071F2C",
-						"background": "#0E2B3B"
-					}
-				},
-				{
-					"label": "Green",
-					"slug": "green",
-					"colors": {
-						"primary": "#F5D5CA",
-						"tertiary": "#0A2C25",
-						"background": "#103931"
-					}
-				},
-				{
-					"label": "Red",
-					"slug": "red",
-					"colors": {
-						"primary": "#CEEDFF",
-						"tertiary": "#721A18",
-						"background": "#822726"
-					}
-				},
-				{
-					"label": "Light Green",
-					"slug": "light-green",
-					"colors": {
-						"primary": "#0C1946",
-						"tertiary": "#DBE9DD",
-						"background": "#EBF3EC"
-					}
-				},
-				{
-					"label": "White",
-					"slug": "white",
-					"colors": {
-						"primary": "#2B2B2B",
-						"tertiary": "#F8F8F8",
-						"background": "#FFFFFF"
-					}
-				},
-				{
-					"label": "Light Pink",
-					"slug": "light-pink",
-					"colors": {
-						"primary": "#151853",
-						"tertiary": "#FCD0D0",
-						"background": "#FFE2E2"
-					}
-				},
-				{
-					"label": "Light Yellow",
-					"slug": "light-yellow",
-					"colors": {
-						"primary": "#0E2B3B",
-						"tertiary": "#FBEAD2",
-						"background": "#FFF4E3"
-					}
-				},
-				{
-					"label": "Light Blue",
-					"slug": "light-blue",
-					"colors": {
-						"primary": "#460707",
-						"tertiary": "#DEE9F1",
-						"background": "#EDF4F9"
-					}
-				}
-			],
 			"form": {
 				"border": {
 					"color": "var(--wp--custom--color--foreground)",
@@ -238,22 +155,6 @@
 		"typography": {
 			"customFontSize": true,
 			"customLineHeight": true,
-			"fontFamilies": [
-				{
-					"fontFamily": "\"DM Sans\", sans-serif",
-					"fontSlug": "dm-sans",
-					"slug": "body-font",
-					"name": "Body (DM Sans)",
-					"google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
-				},
-				{
-					"fontFamily": "\"DM Sans\", sans-serif",
-					"fontSlug": "dm-sans",
-					"slug": "heading-font",
-					"name": "Headings (DM Sans)",
-					"google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
-				}
-			],
 			"fontSizes": [
 				{
 					"name": "Small",
@@ -423,7 +324,8 @@
 			}
 		},
 		"typography": {
-			"fontWeight": "400"
+			"fontWeight": "400",
+			"fontFamily": "var:preset|font-family|dm-sans"
 		}
 	}
 }
\ No newline at end of file
diff --git a/quadrat-red/assets/theme.css b/quadrat-red/assets/theme.css
index 3c33c9b9f7..d878b4eefd 100644
--- a/quadrat-red/assets/theme.css
+++ b/quadrat-red/assets/theme.css
@@ -205,19 +205,6 @@ div.horizontal-query-pattern figure.wp-block-post-featured-image img {
   transform: rotate(16deg) translate(-110px, 40px);
 }
 
-.wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  border-style: var(--wp--custom--button--border--style);
-  border-color: currentColor;
-  border-width: var(--wp--custom--button--border--width);
-  padding-top: var(--wp--custom--button--spacing--padding--top);
-  padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
-  padding-left: var(--wp--custom--button--spacing--padding--left);
-  padding-right: var(--wp--custom--button--spacing--padding--right);
-}
-
 .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.has-focus {
   border-style: var(--wp--custom--button--border--style);
   border-color: currentColor;
@@ -241,14 +228,6 @@ div.horizontal-query-pattern figure.wp-block-post-featured-image img {
   padding-right: var(--wp--custom--button--spacing--padding--right);
 }
 
-.wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  color: var(--wp--custom--button--color--background);
-  background-color: var(--wp--custom--button--color--text);
-}
-
 ul ul {
   list-style-type: disc;
 }
diff --git a/quadrat-red/block-templates/page.html b/quadrat-red/block-templates/page.html
index e06500e35b..242f96156f 100644
--- a/quadrat-red/block-templates/page.html
+++ b/quadrat-red/block-templates/page.html
@@ -14,7 +14,7 @@
 <!-- /wp:group -->
 
 <!-- wp:group {"layout":{"inherit":true}} -->
-<div class="wp-block-group"><!-- wp:post-comments /--></div>
+<div class="wp-block-group"><!-- wp:pattern {"slug":"blockbase/comments"} /--></div>
 <!-- /wp:group -->
 
 
diff --git a/quadrat-red/block-templates/single.html b/quadrat-red/block-templates/single.html
index 62fa3e51a2..0a4f52eb8e 100644
--- a/quadrat-red/block-templates/single.html
+++ b/quadrat-red/block-templates/single.html
@@ -43,7 +43,7 @@
 		<!-- wp:spacer {"height":150} -->
 		<div style="height:150px" aria-hidden="true" class="wp-block-spacer"></div>
 		<!-- /wp:spacer -->
-		<!-- wp:post-comments /-->
+		<!-- wp:pattern {"slug":"blockbase/comments"} /-->
 	</div>
 	<!-- /wp:group -->
 
diff --git a/quadrat-red/theme.json b/quadrat-red/theme.json
index 86ae3b01c9..9e11911642 100644
--- a/quadrat-red/theme.json
+++ b/quadrat-red/theme.json
@@ -89,89 +89,6 @@
 				"secondary": "var(--wp--preset--color--primary)",
 				"tertiary": "var(--wp--preset--color--tertiary)"
 			},
-			"colorPalettes": [
-				{
-					"label": "Blue",
-					"slug": "blue",
-					"colors": {
-						"primary": "#FDF5E2",
-						"tertiary": "#123B62",
-						"background": "#204A72"
-					}
-				},
-				{
-					"label": "Dark Blue",
-					"slug": "dark-blue",
-					"colors": {
-						"primary": "#F9DAAD",
-						"tertiary": "#071F2C",
-						"background": "#0E2B3B"
-					}
-				},
-				{
-					"label": "Green",
-					"slug": "green",
-					"colors": {
-						"primary": "#F5D5CA",
-						"tertiary": "#0A2C25",
-						"background": "#103931"
-					}
-				},
-				{
-					"label": "Red",
-					"slug": "red",
-					"colors": {
-						"primary": "#CEEDFF",
-						"tertiary": "#721A18",
-						"background": "#822726"
-					}
-				},
-				{
-					"label": "Light Green",
-					"slug": "light-green",
-					"colors": {
-						"primary": "#0C1946",
-						"tertiary": "#DBE9DD",
-						"background": "#EBF3EC"
-					}
-				},
-				{
-					"label": "White",
-					"slug": "white",
-					"colors": {
-						"primary": "#2B2B2B",
-						"tertiary": "#F8F8F8",
-						"background": "#FFFFFF"
-					}
-				},
-				{
-					"label": "Light Pink",
-					"slug": "light-pink",
-					"colors": {
-						"primary": "#151853",
-						"tertiary": "#FCD0D0",
-						"background": "#FFE2E2"
-					}
-				},
-				{
-					"label": "Light Yellow",
-					"slug": "light-yellow",
-					"colors": {
-						"primary": "#0E2B3B",
-						"tertiary": "#FBEAD2",
-						"background": "#FFF4E3"
-					}
-				},
-				{
-					"label": "Light Blue",
-					"slug": "light-blue",
-					"colors": {
-						"primary": "#460707",
-						"tertiary": "#DEE9F1",
-						"background": "#EDF4F9"
-					}
-				}
-			],
 			"form": {
 				"border": {
 					"color": "var(--wp--custom--color--foreground)",
@@ -238,22 +155,6 @@
 		"typography": {
 			"customFontSize": true,
 			"customLineHeight": true,
-			"fontFamilies": [
-				{
-					"fontFamily": "\"DM Sans\", sans-serif",
-					"fontSlug": "dm-sans",
-					"slug": "body-font",
-					"name": "Body (DM Sans)",
-					"google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
-				},
-				{
-					"fontFamily": "\"DM Sans\", sans-serif",
-					"fontSlug": "dm-sans",
-					"slug": "heading-font",
-					"name": "Headings (DM Sans)",
-					"google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
-				}
-			],
 			"fontSizes": [
 				{
 					"name": "Small",
@@ -423,7 +324,8 @@
 			}
 		},
 		"typography": {
-			"fontWeight": "400"
+			"fontWeight": "400",
+			"fontFamily": "var:preset|font-family|dm-sans"
 		}
 	}
 }
\ No newline at end of file
diff --git a/quadrat-white/assets/theme.css b/quadrat-white/assets/theme.css
index 3c33c9b9f7..d878b4eefd 100644
--- a/quadrat-white/assets/theme.css
+++ b/quadrat-white/assets/theme.css
@@ -205,19 +205,6 @@ div.horizontal-query-pattern figure.wp-block-post-featured-image img {
   transform: rotate(16deg) translate(-110px, 40px);
 }
 
-.wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  border-style: var(--wp--custom--button--border--style);
-  border-color: currentColor;
-  border-width: var(--wp--custom--button--border--width);
-  padding-top: var(--wp--custom--button--spacing--padding--top);
-  padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
-  padding-left: var(--wp--custom--button--spacing--padding--left);
-  padding-right: var(--wp--custom--button--spacing--padding--right);
-}
-
 .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.has-focus {
   border-style: var(--wp--custom--button--border--style);
   border-color: currentColor;
@@ -241,14 +228,6 @@ div.horizontal-query-pattern figure.wp-block-post-featured-image img {
   padding-right: var(--wp--custom--button--spacing--padding--right);
 }
 
-.wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  color: var(--wp--custom--button--color--background);
-  background-color: var(--wp--custom--button--color--text);
-}
-
 ul ul {
   list-style-type: disc;
 }
diff --git a/quadrat-white/block-templates/page.html b/quadrat-white/block-templates/page.html
index e06500e35b..242f96156f 100644
--- a/quadrat-white/block-templates/page.html
+++ b/quadrat-white/block-templates/page.html
@@ -14,7 +14,7 @@
 <!-- /wp:group -->
 
 <!-- wp:group {"layout":{"inherit":true}} -->
-<div class="wp-block-group"><!-- wp:post-comments /--></div>
+<div class="wp-block-group"><!-- wp:pattern {"slug":"blockbase/comments"} /--></div>
 <!-- /wp:group -->
 
 
diff --git a/quadrat-white/block-templates/single.html b/quadrat-white/block-templates/single.html
index 62fa3e51a2..0a4f52eb8e 100644
--- a/quadrat-white/block-templates/single.html
+++ b/quadrat-white/block-templates/single.html
@@ -43,7 +43,7 @@
 		<!-- wp:spacer {"height":150} -->
 		<div style="height:150px" aria-hidden="true" class="wp-block-spacer"></div>
 		<!-- /wp:spacer -->
-		<!-- wp:post-comments /-->
+		<!-- wp:pattern {"slug":"blockbase/comments"} /-->
 	</div>
 	<!-- /wp:group -->
 
diff --git a/quadrat-white/theme.json b/quadrat-white/theme.json
index fa1dd13f8f..c7abccd008 100644
--- a/quadrat-white/theme.json
+++ b/quadrat-white/theme.json
@@ -89,89 +89,6 @@
 				"secondary": "var(--wp--preset--color--primary)",
 				"tertiary": "var(--wp--preset--color--tertiary)"
 			},
-			"colorPalettes": [
-				{
-					"label": "Blue",
-					"slug": "blue",
-					"colors": {
-						"primary": "#FDF5E2",
-						"tertiary": "#123B62",
-						"background": "#204A72"
-					}
-				},
-				{
-					"label": "Dark Blue",
-					"slug": "dark-blue",
-					"colors": {
-						"primary": "#F9DAAD",
-						"tertiary": "#071F2C",
-						"background": "#0E2B3B"
-					}
-				},
-				{
-					"label": "Green",
-					"slug": "green",
-					"colors": {
-						"primary": "#F5D5CA",
-						"tertiary": "#0A2C25",
-						"background": "#103931"
-					}
-				},
-				{
-					"label": "Red",
-					"slug": "red",
-					"colors": {
-						"primary": "#CEEDFF",
-						"tertiary": "#721A18",
-						"background": "#822726"
-					}
-				},
-				{
-					"label": "Light Green",
-					"slug": "light-green",
-					"colors": {
-						"primary": "#0C1946",
-						"tertiary": "#DBE9DD",
-						"background": "#EBF3EC"
-					}
-				},
-				{
-					"label": "White",
-					"slug": "white",
-					"colors": {
-						"primary": "#2B2B2B",
-						"tertiary": "#F8F8F8",
-						"background": "#FFFFFF"
-					}
-				},
-				{
-					"label": "Light Pink",
-					"slug": "light-pink",
-					"colors": {
-						"primary": "#151853",
-						"tertiary": "#FCD0D0",
-						"background": "#FFE2E2"
-					}
-				},
-				{
-					"label": "Light Yellow",
-					"slug": "light-yellow",
-					"colors": {
-						"primary": "#0E2B3B",
-						"tertiary": "#FBEAD2",
-						"background": "#FFF4E3"
-					}
-				},
-				{
-					"label": "Light Blue",
-					"slug": "light-blue",
-					"colors": {
-						"primary": "#460707",
-						"tertiary": "#DEE9F1",
-						"background": "#EDF4F9"
-					}
-				}
-			],
 			"form": {
 				"border": {
 					"color": "var(--wp--custom--color--foreground)",
@@ -238,22 +155,6 @@
 		"typography": {
 			"customFontSize": true,
 			"customLineHeight": true,
-			"fontFamilies": [
-				{
-					"fontFamily": "\"DM Sans\", sans-serif",
-					"fontSlug": "dm-sans",
-					"slug": "body-font",
-					"name": "Body (DM Sans)",
-					"google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
-				},
-				{
-					"fontFamily": "\"DM Sans\", sans-serif",
-					"fontSlug": "dm-sans",
-					"slug": "heading-font",
-					"name": "Headings (DM Sans)",
-					"google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
-				}
-			],
 			"fontSizes": [
 				{
 					"name": "Small",
@@ -423,7 +324,8 @@
 			}
 		},
 		"typography": {
-			"fontWeight": "400"
+			"fontWeight": "400",
+			"fontFamily": "var:preset|font-family|dm-sans"
 		}
 	}
 }
\ No newline at end of file
diff --git a/quadrat-yellow/assets/theme.css b/quadrat-yellow/assets/theme.css
index 3c33c9b9f7..d878b4eefd 100644
--- a/quadrat-yellow/assets/theme.css
+++ b/quadrat-yellow/assets/theme.css
@@ -205,19 +205,6 @@ div.horizontal-query-pattern figure.wp-block-post-featured-image img {
   transform: rotate(16deg) translate(-110px, 40px);
 }
 
-.wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  border-style: var(--wp--custom--button--border--style);
-  border-color: currentColor;
-  border-width: var(--wp--custom--button--border--width);
-  padding-top: var(--wp--custom--button--spacing--padding--top);
-  padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
-  padding-left: var(--wp--custom--button--spacing--padding--left);
-  padding-right: var(--wp--custom--button--spacing--padding--right);
-}
-
 .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.has-focus {
   border-style: var(--wp--custom--button--border--style);
   border-color: currentColor;
@@ -241,14 +228,6 @@ div.horizontal-query-pattern figure.wp-block-post-featured-image img {
   padding-right: var(--wp--custom--button--spacing--padding--right);
 }
 
-.wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  color: var(--wp--custom--button--color--background);
-  background-color: var(--wp--custom--button--color--text);
-}
-
 ul ul {
   list-style-type: disc;
 }
diff --git a/quadrat-yellow/block-templates/page.html b/quadrat-yellow/block-templates/page.html
index e06500e35b..242f96156f 100644
--- a/quadrat-yellow/block-templates/page.html
+++ b/quadrat-yellow/block-templates/page.html
@@ -14,7 +14,7 @@
 <!-- /wp:group -->
 
 <!-- wp:group {"layout":{"inherit":true}} -->
-<div class="wp-block-group"><!-- wp:post-comments /--></div>
+<div class="wp-block-group"><!-- wp:pattern {"slug":"blockbase/comments"} /--></div>
 <!-- /wp:group -->
 
 
diff --git a/quadrat-yellow/block-templates/single.html b/quadrat-yellow/block-templates/single.html
index 62fa3e51a2..0a4f52eb8e 100644
--- a/quadrat-yellow/block-templates/single.html
+++ b/quadrat-yellow/block-templates/single.html
@@ -43,7 +43,7 @@
 		<!-- wp:spacer {"height":150} -->
 		<div style="height:150px" aria-hidden="true" class="wp-block-spacer"></div>
 		<!-- /wp:spacer -->
-		<!-- wp:post-comments /-->
+		<!-- wp:pattern {"slug":"blockbase/comments"} /-->
 	</div>
 	<!-- /wp:group -->
 
diff --git a/quadrat-yellow/theme.json b/quadrat-yellow/theme.json
index 36dc2c4094..9d1ec28e66 100644
--- a/quadrat-yellow/theme.json
+++ b/quadrat-yellow/theme.json
@@ -89,89 +89,6 @@
 				"secondary": "var(--wp--preset--color--primary)",
 				"tertiary": "var(--wp--preset--color--tertiary)"
 			},
-			"colorPalettes": [
-				{
-					"label": "Blue",
-					"slug": "blue",
-					"colors": {
-						"primary": "#FDF5E2",
-						"tertiary": "#123B62",
-						"background": "#204A72"
-					}
-				},
-				{
-					"label": "Dark Blue",
-					"slug": "dark-blue",
-					"colors": {
-						"primary": "#F9DAAD",
-						"tertiary": "#071F2C",
-						"background": "#0E2B3B"
-					}
-				},
-				{
-					"label": "Green",
-					"slug": "green",
-					"colors": {
-						"primary": "#F5D5CA",
-						"tertiary": "#0A2C25",
-						"background": "#103931"
-					}
-				},
-				{
-					"label": "Red",
-					"slug": "red",
-					"colors": {
-						"primary": "#CEEDFF",
-						"tertiary": "#721A18",
-						"background": "#822726"
-					}
-				},
-				{
-					"label": "Light Green",
-					"slug": "light-green",
-					"colors": {
-						"primary": "#0C1946",
-						"tertiary": "#DBE9DD",
-						"background": "#EBF3EC"
-					}
-				},
-				{
-					"label": "White",
-					"slug": "white",
-					"colors": {
-						"primary": "#2B2B2B",
-						"tertiary": "#F8F8F8",
-						"background": "#FFFFFF"
-					}
-				},
-				{
-					"label": "Light Pink",
-					"slug": "light-pink",
-					"colors": {
-						"primary": "#151853",
-						"tertiary": "#FCD0D0",
-						"background": "#FFE2E2"
-					}
-				},
-				{
-					"label": "Light Yellow",
-					"slug": "light-yellow",
-					"colors": {
-						"primary": "#0E2B3B",
-						"tertiary": "#FBEAD2",
-						"background": "#FFF4E3"
-					}
-				},
-				{
-					"label": "Light Blue",
-					"slug": "light-blue",
-					"colors": {
-						"primary": "#460707",
-						"tertiary": "#DEE9F1",
-						"background": "#EDF4F9"
-					}
-				}
-			],
 			"form": {
 				"border": {
 					"color": "var(--wp--custom--color--foreground)",
@@ -238,22 +155,6 @@
 		"typography": {
 			"customFontSize": true,
 			"customLineHeight": true,
-			"fontFamilies": [
-				{
-					"fontFamily": "\"DM Sans\", sans-serif",
-					"fontSlug": "dm-sans",
-					"slug": "body-font",
-					"name": "Body (DM Sans)",
-					"google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
-				},
-				{
-					"fontFamily": "\"DM Sans\", sans-serif",
-					"fontSlug": "dm-sans",
-					"slug": "heading-font",
-					"name": "Headings (DM Sans)",
-					"google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
-				}
-			],
 			"fontSizes": [
 				{
 					"name": "Small",
@@ -423,7 +324,8 @@
 			}
 		},
 		"typography": {
-			"fontWeight": "400"
+			"fontWeight": "400",
+			"fontFamily": "var:preset|font-family|dm-sans"
 		}
 	}
 }
\ No newline at end of file
diff --git a/quadrat/assets/theme.css b/quadrat/assets/theme.css
index 3c33c9b9f7..d878b4eefd 100644
--- a/quadrat/assets/theme.css
+++ b/quadrat/assets/theme.css
@@ -205,19 +205,6 @@ div.horizontal-query-pattern figure.wp-block-post-featured-image img {
   transform: rotate(16deg) translate(-110px, 40px);
 }
 
-.wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  border-style: var(--wp--custom--button--border--style);
-  border-color: currentColor;
-  border-width: var(--wp--custom--button--border--width);
-  padding-top: var(--wp--custom--button--spacing--padding--top);
-  padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
-  padding-left: var(--wp--custom--button--spacing--padding--left);
-  padding-right: var(--wp--custom--button--spacing--padding--right);
-}
-
 .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.has-focus {
   border-style: var(--wp--custom--button--border--style);
   border-color: currentColor;
@@ -241,14 +228,6 @@ div.horizontal-query-pattern figure.wp-block-post-featured-image img {
   padding-right: var(--wp--custom--button--spacing--padding--right);
 }
 
-.wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  color: var(--wp--custom--button--color--background);
-  background-color: var(--wp--custom--button--color--text);
-}
-
 ul ul {
   list-style-type: disc;
 }
diff --git a/quadrat/block-templates/page.html b/quadrat/block-templates/page.html
index e06500e35b..242f96156f 100644
--- a/quadrat/block-templates/page.html
+++ b/quadrat/block-templates/page.html
@@ -14,7 +14,7 @@
 <!-- /wp:group -->
 
 <!-- wp:group {"layout":{"inherit":true}} -->
-<div class="wp-block-group"><!-- wp:post-comments /--></div>
+<div class="wp-block-group"><!-- wp:pattern {"slug":"blockbase/comments"} /--></div>
 <!-- /wp:group -->
 
 
diff --git a/quadrat/block-templates/single.html b/quadrat/block-templates/single.html
index 62fa3e51a2..0a4f52eb8e 100644
--- a/quadrat/block-templates/single.html
+++ b/quadrat/block-templates/single.html
@@ -43,7 +43,7 @@
 		<!-- wp:spacer {"height":150} -->
 		<div style="height:150px" aria-hidden="true" class="wp-block-spacer"></div>
 		<!-- /wp:spacer -->
-		<!-- wp:post-comments /-->
+		<!-- wp:pattern {"slug":"blockbase/comments"} /-->
 	</div>
 	<!-- /wp:group -->
 
diff --git a/quadrat/styles/blue.json b/quadrat/styles/blue.json
new file mode 100644
index 0000000000..970f8f649f
--- /dev/null
+++ b/quadrat/styles/blue.json
@@ -0,0 +1,26 @@
+{
+	"version": 2,
+	"title": "Blue",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "primary",
+					"color": "#FDF5E2",
+					"name": "Primary"
+				},
+				{
+					"slug": "background",
+					"color": "#204A72",
+					"name": "Background"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#123B62",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/quadrat/styles/dark-blue.json b/quadrat/styles/dark-blue.json
new file mode 100644
index 0000000000..c6e156ca29
--- /dev/null
+++ b/quadrat/styles/dark-blue.json
@@ -0,0 +1,26 @@
+{
+	"version": 2,
+	"title": "Dark Blue",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "primary",
+					"color": "#F9DAAD",
+					"name": "Primary"
+				},
+				{
+					"slug": "background",
+					"color": "#0E2B3B",
+					"name": "Background"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#071F2C",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/quadrat/styles/green.json b/quadrat/styles/green.json
new file mode 100644
index 0000000000..c6897953f0
--- /dev/null
+++ b/quadrat/styles/green.json
@@ -0,0 +1,26 @@
+{
+	"version": 2,
+	"title": "Green",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "primary",
+					"color": "#F5D5CA",
+					"name": "Primary"
+				},
+				{
+					"slug": "background",
+					"color": "#103931",
+					"name": "Background"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#0A2C25",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/quadrat/styles/light-blue.json b/quadrat/styles/light-blue.json
new file mode 100644
index 0000000000..aa93010dbb
--- /dev/null
+++ b/quadrat/styles/light-blue.json
@@ -0,0 +1,26 @@
+{
+	"version": 2,
+	"title": "Light Blue",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "primary",
+					"color": "#460707",
+					"name": "Primary"
+				},
+				{
+					"slug": "background",
+					"color": "#EDF4F9",
+					"name": "Background"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#DEE9F1",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/quadrat/styles/light-green.json b/quadrat/styles/light-green.json
new file mode 100644
index 0000000000..a03de34c75
--- /dev/null
+++ b/quadrat/styles/light-green.json
@@ -0,0 +1,26 @@
+{
+	"version": 2,
+	"title": "Light Green",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "primary",
+					"color": "#0C1946",
+					"name": "Primary"
+				},
+				{
+					"slug": "background",
+					"color": "#EBF3EC",
+					"name": "Background"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#DBE9DD",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/quadrat/styles/light-pink.json b/quadrat/styles/light-pink.json
new file mode 100644
index 0000000000..da505881f2
--- /dev/null
+++ b/quadrat/styles/light-pink.json
@@ -0,0 +1,26 @@
+{
+	"version": 2,
+	"title": "Light Pink",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "primary",
+					"color": "#151853",
+					"name": "Primary"
+				},
+				{
+					"slug": "background",
+					"color": "#FFE2E2",
+					"name": "Background"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#FCD0D0",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/quadrat/styles/light-yellow.json b/quadrat/styles/light-yellow.json
new file mode 100644
index 0000000000..23f2398d0f
--- /dev/null
+++ b/quadrat/styles/light-yellow.json
@@ -0,0 +1,26 @@
+{
+	"version": 2,
+	"title": "Light Yellow",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "primary",
+					"color": "#0E2B3B",
+					"name": "Primary"
+				},
+				{
+					"slug": "background",
+					"color": "#FFF4E3",
+					"name": "Background"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#FBEAD2",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/quadrat/styles/red.json b/quadrat/styles/red.json
new file mode 100644
index 0000000000..6988ee5e81
--- /dev/null
+++ b/quadrat/styles/red.json
@@ -0,0 +1,26 @@
+{
+	"version": 2,
+	"title": "Red",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "primary",
+					"color": "#CEEDFF",
+					"name": "Primary"
+				},
+				{
+					"slug": "background",
+					"color": "#822726",
+					"name": "Background"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#721A18",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/quadrat/styles/white.json b/quadrat/styles/white.json
new file mode 100644
index 0000000000..83cb42904d
--- /dev/null
+++ b/quadrat/styles/white.json
@@ -0,0 +1,26 @@
+{
+	"version": 2,
+	"title": "White",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "primary",
+					"color": "#2B2B2B",
+					"name": "Primary"
+				},
+				{
+					"slug": "background",
+					"color": "#F8F8F8",
+					"name": "Background"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#FFFFFF",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/quadrat/theme.json b/quadrat/theme.json
index f2978418e1..9db8496658 100644
--- a/quadrat/theme.json
+++ b/quadrat/theme.json
@@ -90,89 +90,6 @@
 				"secondary": "var(--wp--preset--color--primary)",
 				"tertiary": "var(--wp--preset--color--tertiary)"
 			},
-			"colorPalettes": [
-				{
-					"label": "Blue",
-					"slug": "blue",
-					"colors": {
-						"primary": "#FDF5E2",
-						"tertiary": "#123B62",
-						"background": "#204A72"
-					}
-				},
-				{
-					"label": "Dark Blue",
-					"slug": "dark-blue",
-					"colors": {
-						"primary": "#F9DAAD",
-						"tertiary": "#071F2C",
-						"background": "#0E2B3B"
-					}
-				},
-				{
-					"label": "Green",
-					"slug": "green",
-					"colors": {
-						"primary": "#F5D5CA",
-						"tertiary": "#0A2C25",
-						"background": "#103931"
-					}
-				},
-				{
-					"label": "Red",
-					"slug": "red",
-					"colors": {
-						"primary": "#CEEDFF",
-						"tertiary": "#721A18",
-						"background": "#822726"
-					}
-				},
-				{
-					"label": "Light Green",
-					"slug": "light-green",
-					"colors": {
-						"primary": "#0C1946",
-						"tertiary": "#DBE9DD",
-						"background": "#EBF3EC"
-					}
-				},
-				{
-					"label": "White",
-					"slug": "white",
-					"colors": {
-						"primary": "#2B2B2B",
-						"tertiary": "#F8F8F8",
-						"background": "#FFFFFF"
-					}
-				},
-				{
-					"label": "Light Pink",
-					"slug": "light-pink",
-					"colors": {
-						"primary": "#151853",
-						"tertiary": "#FCD0D0",
-						"background": "#FFE2E2"
-					}
-				},
-				{
-					"label": "Light Yellow",
-					"slug": "light-yellow",
-					"colors": {
-						"primary": "#0E2B3B",
-						"tertiary": "#FBEAD2",
-						"background": "#FFF4E3"
-					}
-				},
-				{
-					"label": "Light Blue",
-					"slug": "light-blue",
-					"colors": {
-						"primary": "#460707",
-						"tertiary": "#DEE9F1",
-						"background": "#EDF4F9"
-					}
-				}
-			],
 			"form": {
 				"border": {
 					"color": "var(--wp--custom--color--foreground)",
@@ -239,22 +156,6 @@
 		"typography": {
 			"customFontSize": true,
 			"customLineHeight": true,
-			"fontFamilies": [
-				{
-					"fontFamily": "\"DM Sans\", sans-serif",
-					"fontSlug": "dm-sans",
-					"slug": "body-font",
-					"name": "Body (DM Sans)",
-					"google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
-				},
-				{
-					"fontFamily": "\"DM Sans\", sans-serif",
-					"fontSlug": "dm-sans",
-					"slug": "heading-font",
-					"name": "Headings (DM Sans)",
-					"google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
-				}
-			],
 			"fontSizes": [
 				{
 					"name": "Small",
@@ -424,7 +325,8 @@
 			}
 		},
 		"typography": {
-			"fontWeight": "400"
+			"fontWeight": "400",
+			"fontFamily": "var:preset|font-family|dm-sans"
 		}
 	}
 }
diff --git a/russell/block-templates/single.html b/russell/block-templates/single.html
index 7a903a73e4..ecbe906261 100644
--- a/russell/block-templates/single.html
+++ b/russell/block-templates/single.html
@@ -21,7 +21,7 @@
     <!-- wp:spacer {"height":60} -->
     <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
     <!-- /wp:spacer -->
-    <!-- wp:post-comments /-->
+    <!-- wp:pattern {"slug":"blockbase/comments"} /-->
 </div>
 <!-- /wp:group -->
 
diff --git a/russell/theme.json b/russell/theme.json
index 933db3dff9..438682d935 100644
--- a/russell/theme.json
+++ b/russell/theme.json
@@ -39,22 +39,6 @@
         "typography": {
             "customFontSize": true,
             "customLineHeight": true,
-            "fontFamilies": [
-                {
-                    "fontFamily": "\"DM Sans\", sans-serif",
-                    "fontSlug": "dm-sans",
-                    "slug": "body-font",
-                    "name": "Body (DM Sans)",
-                    "google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
-                },
-                {
-                    "fontFamily": "\"Libre Baskerville\", serif",
-                    "fontSlug": "libre-baskerville",
-                    "slug": "heading-font",
-                    "name": "Headings (Libre Baskerville)",
-                    "google": "family=Libre+Baskerville:ital,wght@0,400;0,700;1,400"
-                }
-            ],
             "fontSizes": [
                 {
                     "name": "Small",
@@ -81,11 +65,20 @@
     },
     "styles": {
         "blocks": {
+            "core/heading": {
+                "typography": {
+			        "fontFamily": "var:preset|font-family|libre-baskerville"
+                }
+            },
             "core/post-title": {
                 "typography": {
+			        "fontFamily": "var:preset|font-family|libre-baskerville",
                     "fontSize": "var(--wp--preset--font-size--x-large)"
                 }
             }
+        },
+        "typography": {
+			"fontFamily": "var:preset|font-family|dm-sans"
         }
     }
 }
diff --git a/seedlet-blocks/block-templates/page.html b/seedlet-blocks/block-templates/page.html
index afc694a044..7c52089a95 100644
--- a/seedlet-blocks/block-templates/page.html
+++ b/seedlet-blocks/block-templates/page.html
@@ -30,7 +30,7 @@
 <!-- wp:spacer {"height":50} -->
 <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
-<!-- wp:post-comments /-->
+<!-- wp:pattern {"slug":"blockbase/comments"} /-->
 <!-- wp:spacer {"height":25} -->
 <div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
diff --git a/seedlet-blocks/block-templates/single.html b/seedlet-blocks/block-templates/single.html
index afc694a044..7c52089a95 100644
--- a/seedlet-blocks/block-templates/single.html
+++ b/seedlet-blocks/block-templates/single.html
@@ -30,7 +30,7 @@
 <!-- wp:spacer {"height":50} -->
 <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
-<!-- wp:post-comments /-->
+<!-- wp:pattern {"slug":"blockbase/comments"} /-->
 <!-- wp:spacer {"height":25} -->
 <div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
diff --git a/seedlet-blocks/theme.json b/seedlet-blocks/theme.json
index cfb5c336d8..da14ad17ac 100644
--- a/seedlet-blocks/theme.json
+++ b/seedlet-blocks/theme.json
@@ -135,22 +135,6 @@
 		"typography": {
 			"customFontSize": true,
 			"customLineHeight": true,
-			"fontFamilies": [
-				{
-					"fontFamily": "'Fira Sans', Helvetica, Arial, sans-serif",
-					"fontSlug": "fira-sans",
-					"slug": "body-font",
-					"name": "Body (Fira Sans)",
-					"google": "family=Fira+Sans:ital,wght@0,100..900;1,100..900"
-				},
-				{
-					"fontFamily": "'Playfair Display', Georgia, Times, serif",
-					"fontSlug": "playfair-display",
-					"slug": "heading-font",
-					"name": "Heading (Playfair Display)",
-					"google": "family=Playfair+Display:ital,wght@0,400..900;1,400..900"
-				}
-			],
 			"fontSizes": [
 				{
 					"name": "Small",
@@ -181,9 +165,15 @@
 	},
 	"styles": {
 		"blocks": {
+			"core/heading": {
+  		              "typography": {
+				        "fontFamily": "var:preset|font-family|playfair-display"
+ 	                	}
+            		},
 			"core/post-title": {
 				"typography": {
-					"fontSize": "var(--wp--preset--font-size--x-large)"
+					"fontSize": "var(--wp--preset--font-size--x-large)",
+			        	"fontFamily": "var:preset|font-family|playfair-display"
 				}
 			},
 			"core/pullquote": {
@@ -217,6 +207,10 @@
 					"fontSize": "3.4375rem"
 				}
 			}
-		}
+            
+        	},
+        	"typography": {
+			"fontFamily": "var:preset|font-family|fira-sans"
+ 	       }
 	}
 }
diff --git a/theme-batch-utils.sh b/theme-batch-utils.sh
index 6f3156b16d..6c045aedc7 100755
--- a/theme-batch-utils.sh
+++ b/theme-batch-utils.sh
@@ -107,6 +107,14 @@ build-org-zip() {
 	echo
 }
 
+build-blockbase-child() {
+	THEME=${1//\/}
+	if grep -q "Template: blockbase" ./style.css; then
+		echo "building" $THEME;
+		npm run build
+	fi
+}
+
 command=$1
 echo
 
@@ -157,6 +165,9 @@ for theme in */ ; do
 			"build-org-zip-all")
 				build-org-zip ${theme}
 				;;
+			"build-blockbase-children")
+				build-blockbase-child ${theme}
+				;;
 			"version-bump")
 				version-bump ${theme}
 				;;
diff --git a/variations/geologist/geologist-blue/theme.json b/variations/geologist/geologist-blue/theme.json
index ef9ab80fbd..03703e4143 100644
--- a/variations/geologist/geologist-blue/theme.json
+++ b/variations/geologist/geologist-blue/theme.json
@@ -32,24 +32,6 @@
 					"fontWeight": "700"
 				}
 			}
-		},
-		"typography": {
-			"fontFamilies": [
-				{
-					"fontFamily": "'IBM Plex Mono', 'Courier New', 'Courier', monospace",
-					"fontSlug": "ibm-plex-mono",
-					"slug": "body-font",
-					"name": "Body (IBM Plex Mono)",
-					"google": "family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700"
-				},
-				{
-					"fontFamily": "'IBM Plex Mono', 'Courier New', 'Courier', monospace",
-					"fontSlug": "ibm-plex-mono",
-					"slug": "heading-font",
-					"name": "Headings (IBM Plex Mono)",
-					"google": "family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700"
-				}
-			]
 		}
 	},
 	"styles": {
@@ -104,6 +86,9 @@
 					"fontWeight": "normal"
 				}
 			}
+		},
+		"typography": {
+			"fontFamily": "var:preset|font-family|ibm-plex-mono"
 		}
 	}
 }
diff --git a/variations/geologist/geologist-cream/theme.json b/variations/geologist/geologist-cream/theme.json
index 7f08d6a7d8..20d27a460a 100644
--- a/variations/geologist/geologist-cream/theme.json
+++ b/variations/geologist/geologist-cream/theme.json
@@ -32,24 +32,6 @@
 					"fontWeight": "700"
 				}
 			}
-		},
-		"typography": {
-			"fontFamilies": [
-				{
-					"fontFamily": "'Source Serif Pro', serif",
-					"fontSlug": "source-serif-pro",
-					"slug": "body-font",
-					"name": "Body (Source Serif Pro)",
-					"google": "family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900"
-				},
-				{
-					"fontFamily": "'Source Serif Pro', serif",
-					"fontSlug": "source-serif-pro",
-					"slug": "heading-font",
-					"name": "Headings (Source Serif Pro)",
-					"google": "family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900"
-				}
-			]
 		}
 	},
 	"styles": {
@@ -104,6 +86,9 @@
 					"fontWeight": "normal"
 				}
 			}
+		},
+		"typography": {
+			"fontFamily": "var:preset|font-family|source-serif-pro"
 		}
 	}
 }
diff --git a/variations/geologist/geologist-slate/theme.json b/variations/geologist/geologist-slate/theme.json
index 31a0e95616..5819b64e08 100644
--- a/variations/geologist/geologist-slate/theme.json
+++ b/variations/geologist/geologist-slate/theme.json
@@ -32,24 +32,6 @@
 					"fontWeight": "300"
 				}
 			}
-		},
-		"typography": {
-			"fontFamilies": [
-				{
-					"fontFamily": "'Rubik', sans-serif",
-					"fontSlug": "rubik",
-					"slug": "body-font",
-					"name": "Body (Rubik)",
-					"google": "family=Rubik:ital,wght@0,300..900;1,300..900"
-				},
-				{
-					"fontFamily": "'Rubik', sans-serif",
-					"fontSlug": "rubik",
-					"slug": "heading-font",
-					"name": "Headings (Rubik)",
-					"google": "family=Rubik:ital,wght@0,300..900;1,300..900"
-				}
-			]
 		}
 	},
 	"styles": {
@@ -66,6 +48,9 @@
 					"text": "var(--wp--custom--color--secondary)"
 				}
 			}
+		},
+		"typography": {
+			"fontFamily": "var:preset|font-family|rubik"
 		}
 	}
 }
diff --git a/variations/geologist/geologist-yellow/theme.json b/variations/geologist/geologist-yellow/theme.json
index b67c6bdd3f..a23bde1df3 100644
--- a/variations/geologist/geologist-yellow/theme.json
+++ b/variations/geologist/geologist-yellow/theme.json
@@ -32,22 +32,11 @@
 					"fontWeight": "700"
 				}
 			}
-		},
+		}
+	},
+	"styles": {
 		"typography": {
-			"fontFamilies": [
-				{
-					"fontFamily": "'Helvetica Neue','Helvetica', 'Arial', sans-serif",
-					"fontSlug": "helvetica-neue",
-					"slug": "body-font",
-					"name": "Body (Helvetica)"
-				},
-				{
-					"fontFamily": "'Helvetica Neue','Helvetica', 'Arial', sans-serif",
-					"fontSlug": "helvetica-neue",
-					"slug": "heading-font",
-					"name": "Headings (Helvetica)"
-				}
-			]
+			"fontFamily": "var:preset|font-family|helvetica-neue"
 		}
 	}
 }
diff --git a/videomaker-white/assets/theme.css b/videomaker-white/assets/theme.css
index 516722fbb0..41cbf10ea0 100644
--- a/videomaker-white/assets/theme.css
+++ b/videomaker-white/assets/theme.css
@@ -35,19 +35,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  border-style: var(--wp--custom--button--border--style);
-  border-color: currentColor;
-  border-width: var(--wp--custom--button--border--width);
-  padding-top: var(--wp--custom--button--spacing--padding--top);
-  padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
-  padding-left: var(--wp--custom--button--spacing--padding--left);
-  padding-right: var(--wp--custom--button--spacing--padding--right);
-}
-
 .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.has-focus {
   border-style: var(--wp--custom--button--border--style);
   border-color: currentColor;
@@ -71,16 +58,8 @@
   padding-right: var(--wp--custom--button--spacing--padding--right);
 }
 
-.wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  color: var(--wp--custom--button--color--background);
-  background-color: var(--wp--custom--button--color--text);
-}
-
 @font-face {
-  font-family: "Inter";
+  font-family: Inter;
   font-weight: 100 900;
   font-display: swap;
   font-style: normal;
@@ -88,7 +67,7 @@
   src: url("./fonts/Inter-roman_var.woff2") format("woff2");
 }
 @font-face {
-  font-family: "Inter";
+  font-family: Inter;
   font-weight: 100 900;
   font-display: swap;
   font-style: italic;
diff --git a/videomaker-white/block-templates/page.html b/videomaker-white/block-templates/page.html
index 83f5513ef4..6fb2f5c4ef 100644
--- a/videomaker-white/block-templates/page.html
+++ b/videomaker-white/block-templates/page.html
@@ -35,7 +35,7 @@
 
 <!-- wp:group {"layout":{"inherit":true}} -->
 <div class="wp-block-group">
-	<!-- wp:post-comments /-->
+	<!-- wp:pattern {"slug":"blockbase/comments"} /-->
 </div>
 <!-- /wp:group -->
 
diff --git a/videomaker-white/block-templates/single.html b/videomaker-white/block-templates/single.html
index df081a4df7..b4348599ea 100644
--- a/videomaker-white/block-templates/single.html
+++ b/videomaker-white/block-templates/single.html
@@ -47,7 +47,7 @@
     <!-- wp:spacer {"height":60} -->
     <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
     <!-- /wp:spacer -->
-    <!-- wp:post-comments /-->
+    <!-- wp:pattern {"slug":"blockbase/comments"} /-->
 </div>
 <!-- /wp:group -->
 
diff --git a/videomaker-white/theme.json b/videomaker-white/theme.json
index bd03ff5973..6b2c533397 100644
--- a/videomaker-white/theme.json
+++ b/videomaker-white/theme.json
@@ -57,48 +57,6 @@
 				"secondary": "var(--wp--preset--color--foreground)",
 				"tertiary": "var(--wp--preset--color--tertiary)"
 			},
-			"colorPalettes": [
-				{
-					"label": "Blue/Yellow",
-					"slug": "blue/yellow",
-					"colors": {
-						"foreground": "#FFFFFF",
-						"background": "#0C1525",
-						"primary": "#FFEBD9",
-						"tertiary": "#1D283D"
-					}
-				},
-				{
-					"label": "Olive Green/Light Pink",
-					"slug": "olive-green/light-pink",
-					"colors": {
-						"foreground": "#FFFFFF",
-						"background": "#283226",
-						"primary": "#FFF1EE",
-						"tertiary": "#3B453A"
-					}
-				},
-				{
-					"label": "Grey/Mint Green",
-					"slug": "grey/mint-green",
-					"colors": {
-						"foreground": "#FFFFFF",
-						"background": "#3D3D3D",
-						"primary": "#E7FFDE",
-						"tertiary": "#4F4F4F"
-					}
-				},
-				{
-					"label": "Light Grey/Bordeaux",
-					"slug": "light-grey/bordeaux",
-					"colors": {
-						"foreground": "#000000",
-						"background": "#E3E4E8",
-						"primary": "#4E1509",
-						"tertiary": "#FAFAFA"
-					}
-				}
-			],
 			"fontSizes": {
 				"x-small": "1rem",
 				"normal": "1.125rem"
@@ -112,20 +70,6 @@
 			"wideSize": "1300px"
 		},
 		"typography": {
-			"fontFamilies": [
-				{
-					"fontFamily": "\"Inter\", sans-serif",
-					"fontSlug": "inter",
-					"slug": "body-font",
-					"name": "Body (Inter)"
-				},
-				{
-					"fontFamily": "\"Inter\", sans-serif",
-					"fontSlug": "inter",
-					"slug": "heading-font",
-					"name": "Headings (Inter)"
-				}
-			],
 			"fontSizes": [
 				{
 					"name": "Small",
@@ -251,6 +195,9 @@
 					}
 				}
 			}
+		},
+		"typography": {
+			"fontFamily": "var:preset|font-family|inter"
 		}
 	}
 }
\ No newline at end of file
diff --git a/videomaker/assets/theme.css b/videomaker/assets/theme.css
index 516722fbb0..41cbf10ea0 100644
--- a/videomaker/assets/theme.css
+++ b/videomaker/assets/theme.css
@@ -35,19 +35,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  border-style: var(--wp--custom--button--border--style);
-  border-color: currentColor;
-  border-width: var(--wp--custom--button--border--width);
-  padding-top: var(--wp--custom--button--spacing--padding--top);
-  padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
-  padding-left: var(--wp--custom--button--spacing--padding--left);
-  padding-right: var(--wp--custom--button--spacing--padding--right);
-}
-
 .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.has-focus {
   border-style: var(--wp--custom--button--border--style);
   border-color: currentColor;
@@ -71,16 +58,8 @@
   padding-right: var(--wp--custom--button--spacing--padding--right);
 }
 
-.wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  color: var(--wp--custom--button--color--background);
-  background-color: var(--wp--custom--button--color--text);
-}
-
 @font-face {
-  font-family: "Inter";
+  font-family: Inter;
   font-weight: 100 900;
   font-display: swap;
   font-style: normal;
@@ -88,7 +67,7 @@
   src: url("./fonts/Inter-roman_var.woff2") format("woff2");
 }
 @font-face {
-  font-family: "Inter";
+  font-family: Inter;
   font-weight: 100 900;
   font-display: swap;
   font-style: italic;
diff --git a/videomaker/block-templates/page.html b/videomaker/block-templates/page.html
index 83f5513ef4..6fb2f5c4ef 100644
--- a/videomaker/block-templates/page.html
+++ b/videomaker/block-templates/page.html
@@ -35,7 +35,7 @@
 
 <!-- wp:group {"layout":{"inherit":true}} -->
 <div class="wp-block-group">
-	<!-- wp:post-comments /-->
+	<!-- wp:pattern {"slug":"blockbase/comments"} /-->
 </div>
 <!-- /wp:group -->
 
diff --git a/videomaker/block-templates/single.html b/videomaker/block-templates/single.html
index df081a4df7..b4348599ea 100644
--- a/videomaker/block-templates/single.html
+++ b/videomaker/block-templates/single.html
@@ -47,7 +47,7 @@
     <!-- wp:spacer {"height":60} -->
     <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
     <!-- /wp:spacer -->
-    <!-- wp:post-comments /-->
+    <!-- wp:pattern {"slug":"blockbase/comments"} /-->
 </div>
 <!-- /wp:group -->
 
diff --git a/videomaker/styles/blue-yellow.json b/videomaker/styles/blue-yellow.json
new file mode 100644
index 0000000000..024059b063
--- /dev/null
+++ b/videomaker/styles/blue-yellow.json
@@ -0,0 +1,31 @@
+{
+	"version": 2,
+	"title": "Blue/Yellow",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "foreground",
+					"color": "#FFFFFF",
+					"name": "Foreground"
+				},
+				{
+					"slug": "background",
+					"color": "#0C1525",
+					"name": "Background"
+				},
+				{
+					"slug": "primary",
+					"color": "#FFEBD9",
+					"name": "Primary"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#1D283D",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/videomaker/styles/grey-bordeaux.json b/videomaker/styles/grey-bordeaux.json
new file mode 100644
index 0000000000..2c6d5af553
--- /dev/null
+++ b/videomaker/styles/grey-bordeaux.json
@@ -0,0 +1,31 @@
+{
+	"version": 2,
+	"title": "Light Grey/Bordeaux",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "foreground",
+					"color": "#000000",
+					"name": "Foreground"
+				},
+				{
+					"slug": "background",
+					"color": "#E3E4E8",
+					"name": "Background"
+				},
+				{
+					"slug": "primary",
+					"color": "#4E1509",
+					"name": "Primary"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#FAFAFA",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/videomaker/styles/grey-mint.json b/videomaker/styles/grey-mint.json
new file mode 100644
index 0000000000..e6dccca327
--- /dev/null
+++ b/videomaker/styles/grey-mint.json
@@ -0,0 +1,31 @@
+{
+	"version": 2,
+	"title": "Grey/Mint Green",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "foreground",
+					"color": "#FFFFFF",
+					"name": "Foreground"
+				},
+				{
+					"slug": "background",
+					"color": "#3D3D3D",
+					"name": "Background"
+				},
+				{
+					"slug": "primary",
+					"color": "#E7FFDE",
+					"name": "Primary"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#4F4F4F",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/videomaker/styles/olive-pink.json b/videomaker/styles/olive-pink.json
new file mode 100644
index 0000000000..db1d507d15
--- /dev/null
+++ b/videomaker/styles/olive-pink.json
@@ -0,0 +1,31 @@
+{
+	"version": 2,
+	"title": "Olive Green/Light Pink",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "foreground",
+					"color": "#FFFFFF",
+					"name": "Foreground"
+				},
+				{
+					"slug": "background",
+					"color": "#283226",
+					"name": "Background"
+				},
+				{
+					"slug": "primary",
+					"color": "#FFF1EE",
+					"name": "Primary"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#3B453A",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/videomaker/theme.json b/videomaker/theme.json
index 3f88a44655..737bfabd56 100644
--- a/videomaker/theme.json
+++ b/videomaker/theme.json
@@ -57,48 +57,6 @@
 				"secondary": "var(--wp--preset--color--foreground)",
 				"tertiary": "var(--wp--preset--color--tertiary)"
 			},
-			"colorPalettes": [
-				{
-					"label": "Blue/Yellow",
-					"slug": "blue/yellow",
-					"colors": {
-						"foreground": "#FFFFFF",
-						"background": "#0C1525",
-						"primary": "#FFEBD9",
-						"tertiary": "#1D283D"
-					}
-				},
-				{
-					"label": "Olive Green/Light Pink",
-					"slug": "olive-green/light-pink",
-					"colors": {
-						"foreground": "#FFFFFF",
-						"background": "#283226",
-						"primary": "#FFF1EE",
-						"tertiary": "#3B453A"
-					}
-				},
-				{
-					"label": "Grey/Mint Green",
-					"slug": "grey/mint-green",
-					"colors": {
-						"foreground": "#FFFFFF",
-						"background": "#3D3D3D",
-						"primary": "#E7FFDE",
-						"tertiary": "#4F4F4F"
-					}
-				},
-				{
-					"label": "Light Grey/Bordeaux",
-					"slug": "light-grey/bordeaux",
-					"colors": {
-						"foreground": "#000000",
-						"background": "#E3E4E8",
-						"primary": "#4E1509",
-						"tertiary": "#FAFAFA"
-					}
-				}
-			],
 			"fontSizes": {
 				"x-small": "1rem",
 				"normal": "1.125rem"
@@ -112,20 +70,6 @@
 			"wideSize": "1300px"
 		},
 		"typography": {
-			"fontFamilies": [
-				{
-					"fontFamily": "\"Inter\", sans-serif",
-					"fontSlug": "inter",
-					"slug": "body-font",
-					"name": "Body (Inter)"
-				},
-				{
-					"fontFamily": "\"Inter\", sans-serif",
-					"fontSlug": "inter",
-					"slug": "heading-font",
-					"name": "Headings (Inter)"
-				}
-			],
 			"fontSizes": [
 				{
 					"name": "Small",
@@ -251,6 +195,9 @@
 					}
 				}
 			}
+		},
+		"typography": {
+			"fontFamily": "var:preset|font-family|inter"
 		}
 	}
 }
diff --git a/winkel/theme.json b/winkel/theme.json
index 179bb420bd..bb50dcc59e 100644
--- a/winkel/theme.json
+++ b/winkel/theme.json
@@ -29,23 +29,6 @@
                 }
             ]
         },
-        "typography": {
-            "fontFamilies": [
-                {
-                    "fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif",
-                    "slug": "body-font",
-                    "name": "Body (System Font)",
-                    "fontSlug": "system-font"
-                },
-                {
-                    "fontFamily": "\"Libre Baskerville\", serif",
-                    "slug": "heading-font",
-                    "name": "Heading (Libre Baskerville)",
-                    "google": "family=Libre+Baskerville:ital,wght@0,400;0,700;1,400",
-                    "fontSlug": "libre-baskerville"
-                }
-            ]
-        },
         "custom": {
             "color": {
                 "foreground": "var(--wp--preset--color--foreground)",
@@ -62,11 +45,21 @@
     },
     "styles": {
         "blocks": {
+            "core/heading": {
+                "typography": {
+			        "fontFamily": "var:preset|font-family|libre-baskerville"
+                }
+            },
             "core/paragraph": {
                 "color": {
                     "text": "var(--wp--preset--color--primary)"
                 }
             },
+            "core/post-title": {
+                "typography": {
+			        "fontFamily": "var:preset|font-family|libre-baskerville"
+                }
+            },
             "core/navigation": {
                 "typography": {
                     "fontSize": "var(--wp--preset--font-size--small)"
@@ -79,4 +72,4 @@
             }
         }
     }
-}
+}
\ No newline at end of file
diff --git a/zoologist/assets/theme.css b/zoologist/assets/theme.css
index 3f37fe2ad3..07f403700a 100644
--- a/zoologist/assets/theme.css
+++ b/zoologist/assets/theme.css
@@ -35,19 +35,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  border-style: var(--wp--custom--button--border--style);
-  border-color: currentColor;
-  border-width: var(--wp--custom--button--border--width);
-  padding-top: var(--wp--custom--button--spacing--padding--top);
-  padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
-  padding-left: var(--wp--custom--button--spacing--padding--left);
-  padding-right: var(--wp--custom--button--spacing--padding--right);
-}
-
 .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.has-focus {
   border-style: var(--wp--custom--button--border--style);
   border-color: currentColor;
@@ -71,14 +58,6 @@
   padding-right: var(--wp--custom--button--spacing--padding--right);
 }
 
-.wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
-.wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
-  color: var(--wp--custom--button--color--background);
-  background-color: var(--wp--custom--button--color--text);
-}
-
 ul ul {
   list-style-type: disc;
 }
diff --git a/zoologist/block-templates/page.html b/zoologist/block-templates/page.html
index abd1fc3a44..332c5e30b8 100644
--- a/zoologist/block-templates/page.html
+++ b/zoologist/block-templates/page.html
@@ -14,7 +14,7 @@
 <!-- /wp:group -->
 
 <!-- wp:group {"layout":{"inherit":true}} -->
-<div class="wp-block-group"><!-- wp:post-comments /--></div>
+<div class="wp-block-group"><!-- wp:pattern {"slug":"blockbase/comments"} /--></div>
 <!-- /wp:group -->
 
 <!-- wp:template-part {"slug":"footer","className":"site-footer-container"} /-->
diff --git a/zoologist/block-templates/single.html b/zoologist/block-templates/single.html
index a1ed0cee9e..cc5a23e8c8 100644
--- a/zoologist/block-templates/single.html
+++ b/zoologist/block-templates/single.html
@@ -37,7 +37,7 @@
 		<!-- wp:spacer {"height":150} -->
 		<div style="height:150px" aria-hidden="true" class="wp-block-spacer"></div>
 		<!-- /wp:spacer -->
-		<!-- wp:post-comments /-->
+		<!-- wp:pattern {"slug":"blockbase/comments"} /-->
 	</div>
 	<!-- /wp:group -->
 
diff --git a/zoologist/styles/black.json b/zoologist/styles/black.json
new file mode 100644
index 0000000000..2cbc349e80
--- /dev/null
+++ b/zoologist/styles/black.json
@@ -0,0 +1,31 @@
+{
+	"version": 2,
+	"title": "Black",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "primary",
+					"color": "#ffffff",
+					"name": "Primary"
+				},
+				{
+					"slug": "secondary",
+					"color": "#ffffff",
+					"name": "Secondary"
+				},
+				{
+					"slug": "background",
+					"color": "#000000",
+					"name": "Background"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#313131",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/zoologist/styles/white.json b/zoologist/styles/white.json
new file mode 100644
index 0000000000..8b5ba65042
--- /dev/null
+++ b/zoologist/styles/white.json
@@ -0,0 +1,31 @@
+{
+	"version": 2,
+	"title": "White",
+	"settings": {
+		"color": {
+			"palette": [
+				{
+					"slug": "primary",
+					"color": "#000000",
+					"name": "Primary"
+				},
+				{
+					"slug": "secondary",
+					"color": "#000000",
+					"name": "Secondary"
+				},
+				{
+					"slug": "background",
+					"color": "#ffffff",
+					"name": "Background"
+				},
+				{
+					"slug": "tertiary",
+					"color": "#f1f1f1",
+					"name": "Tertiary"
+				}
+			]
+		}
+	}
+}
+	
\ No newline at end of file
diff --git a/zoologist/theme.json b/zoologist/theme.json
index 23c371dc2d..8815338b47 100644
--- a/zoologist/theme.json
+++ b/zoologist/theme.json
@@ -84,28 +84,6 @@
 				"secondary": "var(--wp--preset--color--primary)",
 				"tertiary": "var(--wp--preset--color--tertiary)"
 			},
-			"colorPalettes": [
-				{
-					"label": "White",
-					"slug": "white",
-					"colors": {
-						"primary": "#000000",
-						"secondary": "#000000",
-						"tertiary": "#f1f1f1",
-						"background": "#ffffff"
-					}
-				},
-				{
-					"label": "Black",
-					"slug": "black",
-					"colors": {
-						"primary": "#ffffff",
-						"secondary": "#ffffff",
-						"tertiary": "#313131",
-						"background": "#000000"
-					}
-				}
-			],
 			"form": {
 				"border": {
 					"color": "var(--wp--custom--color--foreground)",
@@ -172,22 +150,6 @@
 		"typography": {
 			"customFontSize": true,
 			"customLineHeight": true,
-			"fontFamilies": [
-				{
-					"fontFamily": "\"DM Sans\", sans-serif",
-					"fontSlug": "dm-sans",
-					"slug": "body-font",
-					"name": "Body (DM Sans)",
-					"google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
-				},
-				{
-					"fontFamily": "\"DM Sans\", sans-serif",
-					"fontSlug": "dm-sans",
-					"slug": "heading-font",
-					"name": "Headings (DM Sans)",
-					"google": "family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700"
-				}
-			],
 			"fontSizes": [
 				{
 					"name": "Small",
@@ -364,7 +326,8 @@
 			}
 		},
 		"typography": {
-			"fontWeight": "400"
+			"fontWeight": "400",
+			"fontFamily": "var:preset|font-family|dm-sans"
 		}
 	}
 }