diff --git a/src/content-script/styles.scss b/src/content-script/styles.scss
index 7dc6783..af3f2e8 100644
--- a/src/content-script/styles.scss
+++ b/src/content-script/styles.scss
@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap');
+@import '../fonts/styles.css';
 
 [data-theme='auto'] {
   @import 'github-markdown-css/github-markdown.css';
@@ -42,15 +42,16 @@
   margin-left: 60px;
 }
 
+.chatgptbox-container * {
+  font-family: 'Cairo', sans-serif;
+}
+
 .chatgptbox-container {
   width: 100%;
   flex-basis: 0;
   flex-grow: 1;
   margin-bottom: 20px;
 
-  .chatgptbox-container * {
-    font-family: 'Cairo', sans-serif;
-  }
   .gpt-inner {
     border-radius: 8px;
     border: 1px solid;
@@ -122,7 +123,6 @@
     line-height: 1.6;
     border-radius: 8px;
     word-break: break-word;
-    font-family: 'Cairo', sans-serif;
     pre {
       margin-top: 10px;
     }
diff --git a/src/fonts/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscQyyS4J0.woff2 b/src/fonts/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscQyyS4J0.woff2
new file mode 100644
index 0000000..f096b53
Binary files /dev/null and b/src/fonts/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscQyyS4J0.woff2 differ
diff --git a/src/fonts/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscRiyS.woff2 b/src/fonts/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscRiyS.woff2
new file mode 100644
index 0000000..b72848d
Binary files /dev/null and b/src/fonts/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscRiyS.woff2 differ
diff --git a/src/fonts/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscSCyS4J0.woff2 b/src/fonts/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscSCyS4J0.woff2
new file mode 100644
index 0000000..58ec3a9
Binary files /dev/null and b/src/fonts/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscSCyS4J0.woff2 differ
diff --git a/src/fonts/styles.css b/src/fonts/styles.css
new file mode 100644
index 0000000..47d6d8f
--- /dev/null
+++ b/src/fonts/styles.css
@@ -0,0 +1,58 @@
+/* arabic */
+@font-face {
+  font-family: 'Cairo';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(SLXVc1nY6HkvangtZmpQdkhzfH5lkSscQyyS4J0.woff2) format('woff2');
+  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Cairo';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(SLXVc1nY6HkvangtZmpQdkhzfH5lkSscSCyS4J0.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: 'Cairo';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(SLXVc1nY6HkvangtZmpQdkhzfH5lkSscRiyS.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;
+}
+/* arabic */
+@font-face {
+  font-family: 'Cairo';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(SLXVc1nY6HkvangtZmpQdkhzfH5lkSscQyyS4J0.woff2) format('woff2');
+  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Cairo';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(SLXVc1nY6HkvangtZmpQdkhzfH5lkSscSCyS4J0.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: 'Cairo';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(SLXVc1nY6HkvangtZmpQdkhzfH5lkSscRiyS.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;
+}