font-family

This commit is contained in:
pa
2025-12-26 07:43:14 +09:00
committed by Natsumi
parent 25d0c81f61
commit 7e929c21a8
4 changed files with 70 additions and 66 deletions

View File

@@ -7,6 +7,7 @@ For a copy, see <https://opensource.org/licenses/MIT>.
*/
@import 'tailwindcss';
@import '@fontsource-variable/inter';
@import 'element-plus/dist/index.css';
@import 'element-plus/theme-chalk/dark/css-vars.css';
@@ -18,6 +19,38 @@ For a copy, see <https://opensource.org/licenses/MIT>.
@import './assets/scss/animated-emoji.css';
@import './assets/scss/fonts.css';
:root {
--font-western:
'ellipsis-font', -apple-system, 'Inter Variable', 'Segoe UI', 'Roboto',
'Ubuntu', 'Cantarell', 'DejaVu Sans', sans-serif;
--font-symbol: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
--font-fallback-cjk: sans-serif;
--font-primary-cjk:
'Noto Sans JP', 'Noto Sans SC', 'Noto Sans KR', 'Noto Sans TC';
}
:root[lang='zh-CN'] {
--font-primary-cjk:
'Noto Sans SC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans TC';
}
:root[lang='ja'] {
--font-primary-cjk:
'Noto Sans JP', 'Noto Sans KR', 'Noto Sans TC', 'Noto Sans SC';
}
:root[lang='ko'] {
--font-primary-cjk:
'Noto Sans KR', 'Noto Sans JP', 'Noto Sans TC', 'Noto Sans SC';
}
:root[lang='zh-TW'] {
--font-primary-cjk:
'Noto Sans TC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC';
}
body {
font-family:
var(--font-western), var(--font-symbol), var(--font-primary-cjk),
var(--font-fallback-cjk);
margin: 0;
}
:root {
text-autospace: normal;
}
@@ -32,46 +65,6 @@ html {
overflow: hidden;
}
body {
font-family:
'ellipsis-font', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans TC',
'Noto Sans SC', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
sans-serif;
margin: 0;
}
html[lang='ja'] body,
html[lang='ja'] * {
font-family:
'ellipsis-font', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans TC',
'Noto Sans SC', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
sans-serif;
}
html[lang='ko'] body,
html[lang='ko'] * {
font-family:
'ellipsis-font', 'Noto Sans KR', 'Noto Sans JP', 'Noto Sans TC',
'Noto Sans SC', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
sans-serif;
}
html[lang='zh-CN'] body,
html[lang='zh-CN'] * {
font-family:
'ellipsis-font', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans JP',
'Noto Sans KR', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
sans-serif;
}
html[lang='zh-TW'] body,
html[lang='zh-TW'] * {
font-family:
'ellipsis-font', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans JP',
'Noto Sans KR', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
sans-serif;
}
a {
color: #409eff;
}