Skip to content

Commit c8b1b46

Browse files
committed
Update Style Sheet
- Pretendard 글꼴은 "Pretendard JP" 글꼴의 부분집합이므로, 굳이 중복으로 선언할 필요가 없다고 판단하여 제거 - 포스트 본문(.content)에는 "Source Sans Pro"를 적용하지 않도록 별도로 지정하여 본문 글꼴의 일관성 제고
1 parent 40f1ef1 commit c8b1b46

File tree

2 files changed

+15
-9
lines changed

2 files changed

+15
-9
lines changed

_includes/head.html

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -89,10 +89,8 @@
8989
<!-- Web Font -->
9090
<link rel="stylesheet" href="{{ site.data.origin[type].webfonts | relative_url }}">
9191
<link rel="preload" as="style" crossorigin="anonymous" href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-std-dynamic-subset.min.css">
92-
<link rel="preload" as="style" crossorigin="anonymous" href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-dynamic-subset.min.css">
9392
<link rel="preload" as="style" crossorigin="anonymous" href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-jp-dynamic-subset.min.css">
9493
<link rel="stylesheet" as="style" type="text/css" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-std-dynamic-subset.min.css" />
95-
<link rel="stylesheet" as="style" type="text/css" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-dynamic-subset.min.css" />
9694
<link rel="stylesheet" as="style" type="text/css" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-jp-dynamic-subset.min.css" />
9795

9896
<!-- Font Awesome Icons -->

assets/css/jekyll-theme-chirpy.scss

Lines changed: 15 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
--bs-success:#198754;
1414
--bs-danger:#dc3545;
1515
// --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
16-
--bs-font-sans-serif:"Pretendard Std Variable","Pretendard JP Variable","Pretendard Variable",-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Noto Sans","Liberation Sans",Arial,"Hiragino Sans","Apple SD Gothic Neo",Meiryo,"Noto Sans JP","Noto Sans KR","Malgun Gothic",Osaka,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
16+
--bs-font-sans-serif:"Pretendard Std Variable","Pretendard JP Variable",-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Noto Sans","Liberation Sans",Arial,"Hiragino Sans","Apple SD Gothic Neo",Meiryo,"Noto Sans JP","Noto Sans KR","Malgun Gothic",Osaka,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
1717
// 맑은 고딕/Segoe UI의 경우, 국/영문을 한 줄에 혼용 시 영문에 비해 국문 폰트의 크기가 약간 더 크기 때문에 상단 정렬이 맞지 않아 심미성이 저해됨 (https://www.samsungsds.com/kr/insights/enterprise_ux_fonts.html 참고)
1818
// 본고딕/Roboto의 경우에도 비슷한 문제 발생
1919
// 맑은 고딕이나 YaHei(간체자 한자)/JhengHei(번체자 한자)의 경우 가나 문자의 자형이 좋지 못하므로, 'Segoe UI - Meiryo/Yu Gothic(일본 가나 문자) - YaHei/JhengHei - 맑은 고딕' 순으로 배치
@@ -56,7 +56,7 @@ h1 {
5656
color:var(--heading-color);
5757
-weight:400;
5858
// font-family:Lato,"Microsoft Yahei",sans-serif
59-
font-family:Lato,"Pretendard JP Variable","Pretendard Variable","Microsoft Jhenghei","Microsoft Yahei",sans-serif
59+
font-family:Lato,"Pretendard JP Variable","Microsoft Jhenghei","Microsoft Yahei",sans-serif
6060
}
6161

6262
body {
@@ -65,12 +65,20 @@ body {
6565
color:var(--text-color);
6666
-webkit-font-smoothing:antialiased;
6767
// font-family:"Source Sans Pro","Microsoft Yahei",sans-serif
68-
font-family: "Source Sans Pro","Pretendard JP Variable","Pretendard Variable","Microsoft Jhenghei","Microsoft Yahei",sans-serif
68+
font-family: "Source Sans Pro","Pretendard JP Variable","Microsoft Jhenghei","Microsoft Yahei",sans-serif
69+
}
70+
71+
.content {
72+
font-family: "Pretendard Std Variable","Pretendard JP Variable","Microsoft Jhenghei","Microsoft Yahei",sans-serif
73+
}
74+
75+
.categories, .tag, #archives {
76+
font-family: "Source Sans Pro","Pretendard JP Variable","Microsoft Jhenghei","Microsoft Yahei",sans-serif
6977
}
7078

7179
kbd {
7280
// font-family:Lato,sans-serif;
73-
font-family:Lato,"Pretendard JP Variable","Pretendard Variable",sans-serif;
81+
font-family:Lato,"Pretendard JP Variable",sans-serif;
7482
display:inline-block;
7583
vertical-align:middle;
7684
line-height:1.3rem;
@@ -87,19 +95,19 @@ kbd {
8795

8896
#notification .toast-body {
8997
// font-family:Lato,sans-serif;
90-
font-family:Lato,"Pretendard JP Variable","Pretendard Variable",sans-serif;
98+
font-family:Lato,"Pretendard JP Variable",sans-serif;
9199
line-height:1.25rem
92100
}
93101

94102
.pagination {
95103
color:var(--text-color);
96104
// font-family:Lato,sans-serif;
97-
font-family:Lato,"Pretendard JP Variable","Pretendard Variable",sans-serif;
105+
font-family:Lato,"Pretendard JP Variable",sans-serif;
98106
justify-content:space-evenly
99107
}
100108

101109
#archives .date.day {
102110
font-size:85%;
103111
// font-family:Lato,sans-serif
104-
font-family:Lato,"Pretendard JP Variable","Pretendard Variable",sans-serif
112+
font-family:Lato,"Pretendard JP Variable",sans-serif
105113
}

0 commit comments

Comments
 (0)