diff --git a/src/assets/css/style-ios.css b/src/assets/css/style-ios.css
index da09f9db..19febea5 100644
--- a/src/assets/css/style-ios.css
+++ b/src/assets/css/style-ios.css
@@ -23,8 +23,9 @@
 
 @font-face {
   font-family: 'RecapFontAwesome';
-  src: url("chrome-extension://__MSG_@@extension_id__/assets/fonts/fontawesome-webfont.woff2"), 
-  url("moz-extension://__MSG_@@extension_id__/assets/fonts/fontawesome-webfont.woff2");
+  src: url("chrome-extension://__MSG_@@extension_id__/assets/fonts/fontawesome-webfont.woff2"),
+  url("moz-extension://__MSG_@@extension_id__/assets/fonts/fontawesome-webfont.woff2"),
+  url("safari-web-extension://__MSG_@@extension_id__/assets/fonts/fontawesome-webfont.woff2");
   font-weight: normal;
   font-style: normal;
 }
diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 99473175..91672a7a 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -23,8 +23,9 @@
 
 @font-face {
   font-family: 'RecapFontAwesome';
-  src: url("chrome-extension://__MSG_@@extension_id__/assets/fonts/fontawesome-webfont.woff2"), 
-  url("moz-extension://__MSG_@@extension_id__/assets/fonts/fontawesome-webfont.woff2");
+  src: url("moz-extension://__MSG_@@extension_id__/assets/fonts/fontawesome-webfont.woff2"),
+  url("chrome-extension://__MSG_@@extension_id__/assets/fonts/fontawesome-webfont.woff2"),
+  url("safari-web-extension://__MSG_@@extension_id__/assets/fonts/fontawesome-webfont.woff2");
   font-weight: normal;
   font-style: normal;
 }
@@ -519,4 +520,4 @@ footer #version {
 
 .banner-message > img{
   margin-right: 0.25rem;
-}
\ No newline at end of file
+}