From 0bb10cff2d9f0d8b4004e733b8e909fddea80562 Mon Sep 17 00:00:00 2001
From: Pranav Raj S <pranav@chatwoot.com>
Date: Mon, 26 Apr 2021 23:09:33 +0530
Subject: [PATCH] chore: Add font-display: swap to Ionicons (#2161)

---
 .../shared/assets/stylesheets/ionicons.scss       | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/app/javascript/shared/assets/stylesheets/ionicons.scss b/app/javascript/shared/assets/stylesheets/ionicons.scss
index c9c054b66..3f3c2579d 100644
--- a/app/javascript/shared/assets/stylesheets/ionicons.scss
+++ b/app/javascript/shared/assets/stylesheets/ionicons.scss
@@ -1,23 +1,24 @@
 @import "~ionicons/scss/ionicons-variables";
 
 @font-face {
+  font-display: swap;
   font-family: $ionicons-font-family;
-  src: url("#{$ionicons-font-path}/ionicons.woff?v=#{$ionicons-version}") format("woff");
-  font-weight: normal;
   font-style: normal;
+  font-weight: normal;
+  src: url("#{$ionicons-font-path}/ionicons.woff?v=#{$ionicons-version}") format("woff");
 }
 
 .ion {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-family: $ionicons-font-family;
   font-style: normal;
-  font-weight: normal;
   font-variant: normal;
-  text-transform: none;
-  text-rendering: auto;
+  font-weight: normal;
   line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+  text-rendering: auto;
+  text-transform: none;
 }
 
 @import "~ionicons/scss/ionicons-icons";