diff --git a/frontend/public/index.html b/frontend/public/index.html
index d6d5ee3aa..5348344ae 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -18,6 +18,13 @@
+
펀잇
diff --git a/frontend/src/styles/font.ts b/frontend/src/styles/font.ts
new file mode 100644
index 000000000..52122fdf7
--- /dev/null
+++ b/frontend/src/styles/font.ts
@@ -0,0 +1,14 @@
+import { css } from 'styled-components';
+
+const fonts = css`
+ body,
+ button,
+ input,
+ textarea {
+ font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto,
+ 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji',
+ 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
+ }
+`;
+
+export default fonts;
diff --git a/frontend/src/styles/index.ts b/frontend/src/styles/index.ts
index 56318656e..e90d4bd13 100644
--- a/frontend/src/styles/index.ts
+++ b/frontend/src/styles/index.ts
@@ -1,6 +1,10 @@
import { createGlobalStyle } from 'styled-components';
+import fonts from './font';
+
const GlobalStyle = createGlobalStyle`
+${fonts}
+
#root {
position: absolute;
top: 0;