feat: 增加emoji 部分
This commit is contained in:
@@ -223,8 +223,9 @@ function buildHtml(md) {
|
||||
// CSS template
|
||||
function buildCss(theme) {
|
||||
const isDark = theme === 'dark';
|
||||
// CJK font stack: Linux优先使用Noto Sans CJK,macOS用PingFang,Windows用Microsoft YaHei
|
||||
// CJK font stack with emoji support
|
||||
const cjkFonts = "'Noto Sans SC', 'Noto Sans CJK SC', 'Source Han Sans SC', 'WenQuanYi Micro Hei', 'PingFang SC', 'Microsoft YaHei', sans-serif";
|
||||
const emojiFonts = "'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', 'Noto Emoji', 'Android Emoji', 'EmojiOne Color', sans-serif";
|
||||
|
||||
return `
|
||||
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
|
||||
@@ -249,7 +250,7 @@ body {
|
||||
width: ${PAGE_WIDTH}px;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', ${cjkFonts};
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', ${cjkFonts}, ${emojiFonts};
|
||||
font-size: 14px;
|
||||
line-height: 1.7;
|
||||
padding: ${MARGIN}px;
|
||||
@@ -265,7 +266,7 @@ ul, ol { margin: 0.6em 0; padding-left: 1.8em; }
|
||||
li { margin: 0.2em 0; }
|
||||
li > p { margin: 0.3em 0; }
|
||||
pre { margin: 0.8em 0; padding: 12px 16px; border-radius: 6px; overflow-x: auto; font-size: 13px; background: var(--code-bg); border: 1px solid var(--border); }
|
||||
code { font-family: 'Cascadia Code', 'Fira Code', 'JetBrains Mono', 'Consolas', 'Noto Sans Mono CJK SC', monospace; font-size: 0.9em; }
|
||||
code { font-family: 'Cascadia Code', 'Fira Code', 'JetBrains Mono', 'Consolas', 'Noto Sans Mono CJK SC', ${emojiFonts}, monospace; font-size: 0.9em; }
|
||||
p code, li code { padding: 2px 6px; border-radius: 4px; background: var(--code-bg); border: 1px solid var(--border); }
|
||||
table { border-collapse: collapse; margin: 0.8em 0; width: 100%; }
|
||||
th, td { border: 1px solid var(--border); padding: 6px 12px; text-align: left; }
|
||||
|
||||
Reference in New Issue
Block a user