diff --git a/index.html b/index.html index 5dae0bc..234bf1e 100644 --- a/index.html +++ b/index.html @@ -4,9 +4,13 @@ INFINITH - Infinite Marketing + + + + diff --git a/public/fonts/PretendardVariable.woff2 b/public/fonts/PretendardVariable.woff2 new file mode 100644 index 0000000..49c54b5 Binary files /dev/null and b/public/fonts/PretendardVariable.woff2 differ diff --git a/src/index.css b/src/index.css index 772f7b1..a541f56 100644 --- a/src/index.css +++ b/src/index.css @@ -1,8 +1,18 @@ @import "tailwindcss"; +/* Self-hosted Pretendard Variable — CDN/네트워크 차단 환경에서도 동일 렌더링 보장 */ +@font-face { + font-family: 'Pretendard Variable'; + font-weight: 45 920; + font-style: normal; + font-display: swap; + src: url('/fonts/PretendardVariable.woff2') format('woff2-variations'); +} + @theme { - --font-sans: "Pretendard Variable", "Pretendard", "Inter", ui-sans-serif, system-ui, sans-serif; - --font-serif: "Playfair Display", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + /* fallback 체인: self-host Pretendard → CDN Pretendard → Inter → 한글 시스템 폰트 (Mac/Win/Android) → sans-serif */ + --font-sans: "Pretendard Variable", "Pretendard", "Inter", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Noto Sans KR", ui-sans-serif, system-ui, sans-serif; + --font-serif: "Playfair Display", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --color-primary-900: #0A1128; /* Dark Navy for text and buttons */ --color-primary-800: #1A2B5E;