diff --git a/astro.config.mjs b/astro.config.mjs
index 99c926e..7b3e0a1 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -54,6 +54,11 @@ export default defineConfig({
           href: "https://github.com/changjoo-park/learn-flutter",
         },
       ],
+      editLink: {
+        text: "Edit this page on GitHub",
+        icon: "github",
+        href: "https://github.com/changjoo-park/learn-flutter/edit/main/docs/",
+      },
       sidebar: sidebars,
       plugins: [
         starlightLlmsTxt({
diff --git a/src/styles/custom.css b/src/styles/custom.css
new file mode 100644
index 0000000..03f2892
--- /dev/null
+++ b/src/styles/custom.css
@@ -0,0 +1,13 @@
+@import url("https://statics.goorm.io/fonts/GoormSans/v1.0.0/GoormSans.min.css");
+@import url("https://statics.goorm.io/fonts/GoormSansCode/v1.0.1/GoormSansCode.min.css");
+
+
+:root {
+  --sl-font-system: 'Goorm Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
+  Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --sl-font-system-mono: 'Goorm Sans Code', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
+    'Courier New', monospace;
+  --__sl-font: var(--sl-font, var(--sl-font-system)), var(--sl-font-system);
+  --__sl-font-mono: var(--sl-font-mono, var(--sl-font-system-mono)), var(--sl-font-system-mono);
+}