衬线体 / 宋体
Noto Serif SC · 思源宋体
中文宋体 · 正文阅读最舒适
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@200;300;400;500;600;700;900&display=swap" rel="stylesheet">
.font { font-family: 'Noto Serif SC', 'Times New Roman', serif;}
Noto Serif TC · 思源宋體（繁體）
繁體宋體 · 經典印刷風格
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap" rel="stylesheet">
.font { font-family: 'Noto Serif TC', 'Noto Serif SC', serif;}
ZCOOL XiaoWei · 站酷小魏
站酷小魏 · 手写风格 · 轻松自然
<link href="https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap" rel="stylesheet">
.font { font-family: 'ZCOOL XiaoWei', 'Noto Sans SC', sans-serif;}
ZCOOL KuaiLe · 站酷快乐
站酷快乐 · 圆润活泼 · 可爱风格
<link href="https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&display=swap" rel="stylesheet">
.font { font-family: 'ZCOOL KuaiLe', 'Noto Sans SC', sans-serif;}
ZCOOL QingKe HuangYou · 站酷庆科黄油体
站酷庆科黄油体 · 圆润饱满 · 标题用
<link href="https://fonts.googleapis.com/css2?family=ZCOOL+QingKe+HuangYou&display=swap" rel="stylesheet">
.font { font-family: 'ZCOOL QingKe HuangYou', 'Noto Sans SC', sans-serif;}
Ma Shan Zheng · 马善政毛笔
马善政 · 毛笔书法 · 苍劲有力
<link href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap" rel="stylesheet">
.font { font-family: 'Ma Shan Zheng', '华文行楷', cursive;}
Liu Jian Mao Cao · 柳建茂草书
柳建茂草书 · 狂草风格 · 艺术感
<link href="https://fonts.googleapis.com/css2?family=Liu+Jian+Mao+Cao&display=swap" rel="stylesheet">
.font { font-family: 'Liu Jian Mao Cao', '华文行楷', cursive;}
Long Cang · 龙藏
龙藏 · 古朴书法 · 典雅厚重
<link href="https://fonts.googleapis.com/css2?family=Long+Cang&display=swap" rel="stylesheet">
.font { font-family: 'Long Cang', '华文楷体', serif;}
Zhi Mang Xing · 智芒行
智芒行 · 行书风格 · 流畅自然
<link href="https://fonts.googleapis.com/css2?family=Zhi+Mang+Xing&display=swap" rel="stylesheet">
.font { font-family: 'Zhi Mang Xing', '华文行楷', cursive;}
Noto Serif SC ExtraLight · 思源宋体超细
思源宋体超细 · 极致轻盈 · 文艺风
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@200;300;400;500;600;700;900&display=swap" rel="stylesheet">
.font { font-family: 'Noto Serif SC', 'Times New Roman', serif; font-weight: 200;}
Noto Sans SC Light · 思源黑体细体
思源黑体细体 · 轻盈现代 · 屏显佳
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
.font { font-family: 'Noto Sans SC', 'Noto Sans', sans-serif; font-weight: 300;}
Noto Serif TC Bold · 思源宋体繁粗
思源宋體繁體粗 · 厚重典雅 · 印刷風
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap" rel="stylesheet">
.font { font-family: 'Noto Serif TC', 'Noto Serif SC', serif; font-weight: 700;}
Noto Sans SC · 思源黑体
中文黑体 · 屏幕阅读首选
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
.font { font-family: 'Noto Sans SC', 'Noto Sans', sans-serif;}
Noto Sans TC · 思源黑體（繁體）
繁體黑體 · 現代簡潔
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&display=swap" rel="stylesheet">
.font { font-family: 'Noto Sans TC', 'Noto Sans SC', sans-serif;}
英文 / 数字
Inter · 现代无衬线
Inter · The quick brown fox jumps over the lazy dog. ABCDE 1234567890
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
.font { font-family: 'Inter', 'Noto Sans SC', sans-serif;}
Roboto · 经典无衬线
Roboto · The quick brown fox jumps over the lazy dog. ABCDE 1234567890
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">
.font { font-family: 'Roboto', 'Inter', sans-serif;}
Lato · 温暖无衬线
Lato · The quick brown fox jumps over the lazy dog. ABCDE 1234567890
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap" rel="stylesheet">
.font { font-family: 'Lato', 'Inter', sans-serif;}
Montserrat · 几何无衬线
Montserrat · Geometric · ABCDE 1234567890
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
.font { font-family: 'Montserrat', 'Inter', sans-serif;}
Open Sans · 经典无衬线
Open Sans · Humanist · ABCDE 1234567890
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
.font { font-family: 'Open Sans', 'Inter', sans-serif;}
Raleway · 优雅无衬线
Raleway · Elegant · ABCDE 1234567890
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
.font { font-family: 'Raleway', 'Inter', sans-serif;}
Oswald · 紧凑无衬线
Oswald · Condensed · ABCDE 1234567890
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap" rel="stylesheet">
.font { font-family: 'Oswald', 'Inter', sans-serif;}
Lora · 现代衬线
Lora · Modern serif · ABCDE 1234567890
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap" rel="stylesheet">
.font { font-family: 'Lora', 'Times New Roman', serif;}
Tangerine · 手写花体
Tangerine · Script · ABCDE 1234567890
<link href="https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap" rel="stylesheet">
.font { font-family: 'Tangerine', cursive;}
Dancing Script · 手写体
Dancing Script · Casual script · ABCDE 1234567890
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap" rel="stylesheet">
.font { font-family: 'Dancing Script', cursive;}
Fira Code · 编程等宽
Fira Code · Programming · ABCDE 1234567890
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap" rel="stylesheet">
.font { font-family: 'Fira Code', 'JetBrains Mono', monospace;}
Inconsolata · 经典等宽
Inconsolata · Classic mono · ABCDE 1234567890
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
.font { font-family: 'Inconsolata', 'Consolas', monospace;}
Cormorant Garamond · 复古衬线
Cormorant Garamond · Old style · ABCDE 1234567890
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap" rel="stylesheet">
.font { font-family: 'Cormorant Garamond', 'Times New Roman', serif;}
手写 / 书法 / 创意 需 下 载 安 装
沐瑶随心手写体
随心手写 · 自然流畅
<link> <!-- 需下载安装，无法通过 Google Fonts 加载 -->
.font { font-family: '沐瑶随心手写体', '华文行楷', cursive;}
贤二体
贤二体 · 禅意手写
<link> <!-- 需下载安装，无法通过 Google Fonts 加载 -->
.font { font-family: '贤二体', '华文楷体', cursive;}
阿里妈妈东方大楷
东方大楷 · 气势磅礴
<link> <!-- 需下载安装，无法通过 Google Fonts 加载 -->
.font { font-family: '阿里妈妈东方大楷', '华文楷体', serif;}
站酷酷黑
站酷酷黑 · 力量感标题
<link> <!-- 需下载安装，无法通过 Google Fonts 加载 -->
.font { font-family: '站酷酷黑', 'Microsoft YaHei', sans-serif;}
站酷庆科黄油体
黄油体 · 圆润可爱
<link> <!-- 需下载安装，无法通过 Google Fonts 加载 -->
.font { font-family: '站酷庆科黄油体', 'Microsoft YaHei', sans-serif;}
庞门正道标题体
庞门正道 · 稳重标题
<link> <!-- 需下载安装，无法通过 Google Fonts 加载 -->
.font { font-family: '庞门正道标题体', 'Microsoft YaHei', sans-serif;}
演示佛系体
佛系体 · 随性洒脱
<link> <!-- 需下载安装，无法通过 Google Fonts 加载 -->
.font { font-family: '演示佛系体', '华文行楷', cursive;}
鸿雷拙书简体
拙书 · 质朴手写
<link> <!-- 需下载安装，无法通过 Google Fonts 加载 -->
.font { font-family: '鸿雷拙书简体', '华文行楷', cursive;}
江西拙楷
拙楷 · 古朴雅致
<link> <!-- 需下载安装，无法通过 Google Fonts 加载 -->
.font { font-family: '江西拙楷', '华文楷体', serif;}
霞鹜文楷
文楷 · 书卷气息
<link> <!-- 需下载安装，无法通过 Google Fonts 加载 -->
.font { font-family: '霞鹜文楷', '华文楷体', serif;}
演示悠然小楷
悠然小楷 · 清秀雅致
<link> <!-- 需下载安装，无法通过 Google Fonts 加载 -->
.font { font-family: '演示悠然小楷', '华文楷体', serif;}