hax/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2025-12-18 09:24:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add LXGW WenKai font for CJK locales and adjust size

Browse source
This commit is contained in:
yozuru 2025-04-20 07:23:16 +08:00
parent 17b21e76d3
commit 72ae4cdbf2
No known key found for this signature in database
6 changed files with 42 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/fonts/lxgw-wenkai-lite/LXGWWenKaiLite-Light.woff2 Normal file
View file

Binary file not shown.

BIN
public/fonts/lxgw-wenkai-lite/LXGWWenKaiLite-Medium.woff2 Normal file
View file

Binary file not shown.

BIN
public/fonts/lxgw-wenkai-lite/LXGWWenKaiLite-Regular.woff2 Normal file
View file

Binary file not shown.

2
src/locales/zh-TW/translation.json
View file

@ -58,7 +58,7 @@
},
"donate": {
"prompt": "喜歡 Moodist 嗎？",
"link-text": "透過贊助支持我們！",
"link-text": "透過贊助支持项目！",
"section-title": "支持專案",
"section-desc": "幫助 Moodist 保持免費和無廣告。",
"section-button": "贊助一杯咖啡"

26
src/styles/fonts.css
View file

@ -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;
}

22
src/styles/variables/typography.css
View file

@ -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);
}