From 60ba345e6c64f331e14faa30904dbb6d59d83f0c Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Mon, 7 Aug 2023 08:44:27 +0500
Subject: [PATCH] editor: add font-display: swap to hack fontface

---
 packages/editor/styles/fonts.css        | 4 ++++
 packages/editor/styles/fonts.mobile.css | 8 ++++++++
 2 files changed, 12 insertions(+)

diff --git a/packages/editor/styles/fonts.css b/packages/editor/styles/fonts.css
index d54396f52..5dfc396a9 100644
--- a/packages/editor/styles/fonts.css
+++ b/packages/editor/styles/fonts.css
@@ -6,6 +6,7 @@
  * -------------------------- */
 @font-face {
   font-family: "Hack";
+  font-display: swap;
   src: url("fonts/hack-regular.woff2") format("woff2"),
     url("fonts/hack-regular.woff") format("woff"),
     url("fonts/hack-regular.ttf") format("truetype");
@@ -15,6 +16,7 @@
 
 @font-face {
   font-family: "Hack";
+  font-display: swap;
   src: url("fonts/hack-bold.woff2") format("woff2"),
     url("fonts/hack-bold.woff") format("woff"),
     url("fonts/hack-bold.ttf") format("truetype");
@@ -24,6 +26,7 @@
 
 @font-face {
   font-family: "Hack";
+  font-display: swap;
   src: url("fonts/hack-italic.woff2") format("woff2"),
     url("fonts/hack-italic.woff") format("woff"),
     url("fonts/hack-italic.ttf") format("truetype");
@@ -33,6 +36,7 @@
 
 @font-face {
   font-family: "Hack";
+  font-display: swap;
   src: url("fonts/hack-bolditalic.woff2") format("woff2"),
     url("fonts/hack-bolditalic.woff") format("woff"),
     url("fonts/hack-bolditalic.ttf") format("truetype");
diff --git a/packages/editor/styles/fonts.mobile.css b/packages/editor/styles/fonts.mobile.css
index 8ebd7f1b2..d5d8d591e 100644
--- a/packages/editor/styles/fonts.mobile.css
+++ b/packages/editor/styles/fonts.mobile.css
@@ -6,6 +6,7 @@
  * -------------------------- */
 @font-face {
   font-family: "Hack";
+  font-display: swap;
   src: url("fonts/hack-regular.ttf") format("truetype");
   font-weight: 400;
   font-style: normal;
@@ -13,6 +14,7 @@
 
 @font-face {
   font-family: "Hack";
+  font-display: swap;
   src: url("fonts/hack-bold.ttf") format("truetype");
   font-weight: 700;
   font-style: normal;
@@ -20,6 +22,7 @@
 
 @font-face {
   font-family: "Hack";
+  font-display: swap;
   src: url("fonts/hack-italic.ttf") format("truetype");
   font-weight: 400;
   font-style: italic;
@@ -27,6 +30,7 @@
 
 @font-face {
   font-family: "Hack";
+  font-display: swap;
   src: url("fonts/hack-bolditalic.ttf") format("truetype");
   font-weight: 700;
   font-style: italic;
@@ -37,6 +41,7 @@
 @font-face {
   font-family: "Noto Serif";
   font-style: normal;
+  font-display: swap;
   font-weight: 400;
   src: local(""),
        url("fonts/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf") format("truetype"),
@@ -46,6 +51,7 @@
 @font-face {
   font-family: "Noto Serif";
   font-style: italic;
+  font-display: swap;
   font-weight: 400;
   src: local(""),
        url("fonts/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.ttf") format("truetype"),
@@ -55,6 +61,7 @@
 @font-face {
   font-family: "Noto Serif";
   font-style: normal;
+  font-display: swap;
   font-weight: 700;
   src: local(""),
        url("fonts/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf") format("truetype"),
@@ -64,6 +71,7 @@
 @font-face {
   font-family: "Noto Serif";
   font-style: italic;
+  font-display: swap;
   font-weight: 700;
   src: local(""),
        url("fonts/noto-serif-v21-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.ttf") format("truetype"),