From 9b8741ca6b30ea467f1eedac35e1b78aa9a1ca32 Mon Sep 17 00:00:00 2001
From: chhanz <41337266+chhanz@users.noreply.github.com>
Date: Thu, 16 Apr 2026 03:15:14 +0000
Subject: [PATCH] improve: change font from Noto Sans KR to Pretendard

- Replace Noto Sans KR + NanumBarunGothic with Pretendard Variable
- Load via jsDelivr CDN (dynamic subset for optimal performance)
- Fallback: -apple-system, BlinkMacSystemFont, system-ui, sans-serif
- No layout or design changes, font-only swap

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 _includes/head.html   |  2 +-
 assets/css/screen.css | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/_includes/head.html b/_includes/head.html
index 400e8fb..6266531 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -72,7 +72,7 @@
 <link href="{{ site.asset_url }}/css/syntax-stackoverflow-dark.css" rel="stylesheet" type="text/css"/>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="//fonts.googleapis.com/earlyaccess/notosanskr.css" rel="stylesheet" type="text/css" media="print" onload="this.media='all'"/>
+<link href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css" rel="stylesheet" type="text/css"/>
 <link href="{{ site.asset_url }}/lib/magnific-popup.min.css" rel="stylesheet" type="text/css"/>
 <link href="{{ site.asset_url }}/css/screen.css" rel="stylesheet" type="text/css"/>
 <link href="{{ site.asset_url }}/css/dark-mode.css" rel="stylesheet" type="text/css"/>
diff --git a/assets/css/screen.css b/assets/css/screen.css
index 28d61d6..01eaf06 100644
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -9,7 +9,7 @@
 }
 
 body {
-    font-family: 'Noto Sans KR', 'NanumBarunGothic', sans-serif;
+    font-family: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
     font-weight: 300; /* @@iolo 200 -> 300, 200 for retina only! */
     color: #505050;
     background-color: #fff;
@@ -28,7 +28,7 @@ h3,
 h4,
 h5,
 h6 {
-    font-family: 'Noto Sans KR', 'NanumBarunGothic', sans-serif;
+    font-family: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
     font-weight: 400;
     color: #1e1e1e;
 }
@@ -37,7 +37,7 @@ pre,
 code,
 tt,
 kbd {
-    font-family: Consolas, Monaco, 'Liberation Mono', 'Noto Sans KR', 'NanumBarunGothic', monospace;
+    font-family: Consolas, Monaco, 'Liberation Mono', 'Pretendard Variable', 'Pretendard', monospace;
     font-weight: 300;
 }
 
@@ -572,7 +572,7 @@ for small screen(<720px):
 #cover,
 #navbar,
 #footer {
-    font-family: 'Noto Sans KR', 'NanumBarunGothic', sans-serif;
+    font-family: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
 }
 
 /* list(loop) */
@@ -917,7 +917,7 @@ body.tag-template #navbar {
     padding: 28px;
     border-left: 3px solid #e5e5e5;
     font-style: italic;
-    font-family: 'Noto Sans KR', 'NanumBarunGothic', sans-serif;
+    font-family: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
 }
 
 #post-content blockquote > *:first-child {