fix(design): 미정의 --font-pretendard 변수 간접참조 제거
var(--font-pretendard, ...) 패턴은 --font-pretendard가 어디에도 정의되지 않아 항상 fallback으로 동작합니다. npm CSS import 방식에서 next/font 제거 후 변수 주입이 안되므로 직접 'Pretendard Variable'로 단순화하여 의도 명확화합니다. 모든 fallback stack은 유지됩니다. 변경 위치: - @theme inline (font-sans, font-mono) - body (전역 폰트) - .font-mono 유틸리티 - .kx-section, .kx-display, .kx-label (Kinetic Ether) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -69,8 +69,8 @@
|
|||||||
--color-foreground: var(--foreground);
|
--color-foreground: var(--foreground);
|
||||||
--color-primary: var(--primary);
|
--color-primary: var(--primary);
|
||||||
--color-secondary: var(--secondary);
|
--color-secondary: var(--secondary);
|
||||||
--font-sans: var(--font-pretendard, 'Pretendard Variable'), Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
|
--font-sans: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
|
||||||
--font-mono: var(--font-pretendard, 'Pretendard Variable'), Pretendard, ui-monospace, monospace;
|
--font-mono: 'Pretendard Variable', Pretendard, ui-monospace, monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
@@ -84,14 +84,14 @@ html {
|
|||||||
body {
|
body {
|
||||||
background: var(--jsm-bg);
|
background: var(--jsm-bg);
|
||||||
color: var(--jsm-ink);
|
color: var(--jsm-ink);
|
||||||
font-family: var(--font-pretendard, 'Pretendard Variable'), Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
|
font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* font-mono utility → Pretendard 통일 */
|
/* font-mono utility → Pretendard 통일 */
|
||||||
.font-mono, code, pre, kbd, samp {
|
.font-mono, code, pre, kbd, samp {
|
||||||
font-family: var(--font-pretendard, 'Pretendard Variable'), Pretendard, ui-monospace, monospace;
|
font-family: 'Pretendard Variable', Pretendard, ui-monospace, monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Dashboard layout */
|
/* Dashboard layout */
|
||||||
@@ -120,19 +120,19 @@ body {
|
|||||||
.kx-section {
|
.kx-section {
|
||||||
background: var(--kx-surface);
|
background: var(--kx-surface);
|
||||||
color: var(--kx-on-surface);
|
color: var(--kx-on-surface);
|
||||||
font-family: var(--font-pretendard, 'Pretendard Variable'), Pretendard, system-ui, sans-serif;
|
font-family: 'Pretendard Variable', Pretendard, system-ui, sans-serif;
|
||||||
}
|
}
|
||||||
.kx-section p, .kx-section li, .kx-section span:not(.kx-label) {
|
.kx-section p, .kx-section li, .kx-section span:not(.kx-label) {
|
||||||
color: var(--kx-on-variant);
|
color: var(--kx-on-variant);
|
||||||
}
|
}
|
||||||
.kx-display {
|
.kx-display {
|
||||||
font-family: var(--font-pretendard, 'Pretendard Variable'), Pretendard, system-ui, sans-serif;
|
font-family: 'Pretendard Variable', Pretendard, system-ui, sans-serif;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
letter-spacing: -0.02em;
|
letter-spacing: -0.02em;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
.kx-label {
|
.kx-label {
|
||||||
font-family: var(--font-pretendard, 'Pretendard Variable'), Pretendard, system-ui, sans-serif;
|
font-family: 'Pretendard Variable', Pretendard, system-ui, sans-serif;
|
||||||
font-size: 0.6875rem;
|
font-size: 0.6875rem;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
letter-spacing: 0.08em;
|
letter-spacing: 0.08em;
|
||||||
|
|||||||
Reference in New Issue
Block a user