diff --git a/public/fonts/lxgw-wenkai-lite/LXGWWenKaiLite-Light.woff2 b/public/fonts/lxgw-wenkai-lite/LXGWWenKaiLite-Light.woff2 new file mode 100644 index 0000000..a0141c0 Binary files /dev/null and b/public/fonts/lxgw-wenkai-lite/LXGWWenKaiLite-Light.woff2 differ diff --git a/public/fonts/lxgw-wenkai-lite/LXGWWenKaiLite-Medium.woff2 b/public/fonts/lxgw-wenkai-lite/LXGWWenKaiLite-Medium.woff2 new file mode 100644 index 0000000..50ef448 Binary files /dev/null and b/public/fonts/lxgw-wenkai-lite/LXGWWenKaiLite-Medium.woff2 differ diff --git a/public/fonts/lxgw-wenkai-lite/LXGWWenKaiLite-Regular.woff2 b/public/fonts/lxgw-wenkai-lite/LXGWWenKaiLite-Regular.woff2 new file mode 100644 index 0000000..c6056e2 Binary files /dev/null and b/public/fonts/lxgw-wenkai-lite/LXGWWenKaiLite-Regular.woff2 differ diff --git a/src/locales/zh-TW/translation.json b/src/locales/zh-TW/translation.json index a1c7339..dd978c0 100644 --- a/src/locales/zh-TW/translation.json +++ b/src/locales/zh-TW/translation.json @@ -58,7 +58,7 @@ }, "donate": { "prompt": "喜歡 Moodist 嗎?", - "link-text": "透過贊助支持我們!", + "link-text": "透過贊助支持项目!", "section-title": "支持專案", "section-desc": "幫助 Moodist 保持免費和無廣告。", "section-button": "贊助一杯咖啡" diff --git a/src/styles/fonts.css b/src/styles/fonts.css index 1832905..141a28b 100644 --- a/src/styles/fonts.css +++ b/src/styles/fonts.css @@ -42,3 +42,29 @@ src: url('/fonts/inter-tight-v7-latin-700.woff2') format('woff2'); font-display: swap; } + +@font-face { + font-family: 'LXGW WenKai Lite'; + font-style: normal; + font-weight: 300; + src: url('/fonts/lxgw-wenkai-lite/LXGWWenKaiLite-Light.woff2') format('woff2'); + font-display: swap; +} + +@font-face { + font-family: 'LXGW WenKai Lite'; + font-style: normal; + font-weight: 400; + src: url('/fonts/lxgw-wenkai-lite/LXGWWenKaiLite-Regular.woff2') + format('woff2'); + font-display: swap; +} + +@font-face { + font-family: 'LXGW WenKai Lite'; + font-style: normal; + font-weight: 500; + src: url('/fonts/lxgw-wenkai-lite/LXGWWenKaiLite-Medium.woff2') + format('woff2'); + font-display: swap; +} diff --git a/src/styles/variables/typography.css b/src/styles/variables/typography.css index e71fe7b..c52ec3c 100644 --- a/src/styles/variables/typography.css +++ b/src/styles/variables/typography.css @@ -7,14 +7,22 @@ --font-base-size: 1rem; --font-pos-ratio: 1.2; --font-neg-ratio: 1.125; - --font-3xlg: calc(var(--font-xxlg) * var(--font-pos-ratio)); - --font-2xlg: calc(var(--font-xlg) * var(--font-pos-ratio)); - --font-xlg: calc(var(--font-lg) * var(--font-pos-ratio)); - --font-lg: calc(var(--font-md) * var(--font-pos-ratio)); - --font-md: calc(var(--font-base) * var(--font-pos-ratio)); - --font-base: var(--font-base-size); + --font-base: var(--font-base-size); /* Default base size */ --font-sm: calc(var(--font-base) / var(--font-neg-ratio)); + --font-md: calc(var(--font-base) * var(--font-pos-ratio)); + --font-lg: calc(var(--font-md) * var(--font-pos-ratio)); + --font-xlg: calc(var(--font-lg) * var(--font-pos-ratio)); + --font-2xlg: calc(var(--font-xlg) * var(--font-pos-ratio)); + --font-3xlg: calc(var(--font-2xlg) * var(--font-pos-ratio)); --font-xsm: calc(var(--font-sm) / var(--font-neg-ratio)); --font-2xsm: calc(var(--font-xsm) / var(--font-neg-ratio)); - --font-3xsm: calc(var(--font-xxsm) / var(--font-neg-ratio)); + --font-3xsm: calc(var(--font-2xsm) / var(--font-neg-ratio)); +} + +html:lang(zh-CN), +html:lang(zh-TW), +html:lang(ja) { + --font-body: 'LXGW WenKai Lite', sans-serif; + --font-heading: 'LXGW WenKai Lite', sans-serif; + --font-base: calc(var(--font-base-size) * 1.15); }