当前位置：首页 > news >正文

思源宋体实战指南：4种高效部署方案与跨平台字体配置深度解析

news 2026/5/27 18:48:08

思源宋体实战指南：4种高效部署方案与跨平台字体配置深度解析

【免费下载链接】source-han-serif-ttfSource Han Serif TTF项目地址: https://gitcode.com/gh_mirrors/so/source-han-serif-ttf

还在为商业项目中文字体授权问题而烦恼？Source Han Serif CN（思源宋体）作为Adobe与Google联合打造的开源泛中日韩字体，采用SIL Open Font License授权，提供从超细到特粗的7种完整字重体系，让你在Windows、macOS、Linux及移动端获得一致的字体渲染体验。在前100字内，我们重点介绍这款字体的核心价值：完全免费商用、跨平台完美兼容、专业印刷品质与屏幕显示优化，彻底解决字体授权难题。

为什么思源宋体成为专业项目的字体首选？

在商业项目开发中，字体选择往往面临三大挑战：高昂的授权费用、跨平台渲染不一致、字体字重不完整。思源宋体通过开源授权和完整字重体系完美解决了这些问题，成为专业项目的理想选择。

开源授权优势：SIL Open Font License允许自由使用、修改和分发，无需担心商业授权问题完整字重体系：ExtraLight、Light、Regular、Medium、SemiBold、Bold、Heavy 7种字重满足全场景设计需求跨平台一致性：在Windows、macOS、Linux、iOS、Android等所有主流平台提供一致的渲染效果专业印刷品质：内置字体提示信息，优化小字号屏幕显示清晰度，同时保持专业印刷质量

实战演练：5分钟完成字体部署

获取字体文件与项目结构解析

首先通过以下命令获取完整的字体文件集合：

# 克隆字体仓库到本地 git clone https://gitcode.com/gh_mirrors/so/source-han-serif-ttf # 查看项目结构 cd source-han-serif-ttf ls -la

项目目录结构如下：

source-han-serif-ttf/ ├── SubsetTTF/ │ └── CN/ │ ├── SourceHanSerifCN-ExtraLight.ttf │ ├── SourceHanSerifCN-Light.ttf │ ├── SourceHanSerifCN-Regular.ttf │ ├── SourceHanSerifCN-Medium.ttf │ ├── SourceHanSerifCN-SemiBold.ttf │ ├── SourceHanSerifCN-Bold.ttf │ └── SourceHanSerifCN-Heavy.ttf ├── LICENSE.txt └── README.md

方案一：Windows系统快速部署

图形界面安装（适合非技术人员）

导航到SubsetTTF/CN目录
全选所有.ttf文件（Ctrl+A）
右键选择"为所有用户安装"
系统自动完成注册，无需重启即可使用

PowerShell脚本部署（适合批量部署）

# 以管理员身份运行PowerShell $fontPath = ".\SubsetTTF\CN\" $fontFiles = Get-ChildItem -Path $fontPath -Filter "*.ttf" foreach ($font in $fontFiles) { # 复制字体文件到系统字体目录 Copy-Item $font.FullName "C:\Windows\Fonts\" # 注册字体到系统注册表 $fontName = $font.Name.Replace(".ttf", "") New-ItemProperty -Path "HKLM:\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts" ` -Name $fontName ` -Value $font.Name ` -PropertyType String -Force } Write-Host "思源宋体7种字重已成功安装"

方案二：macOS系统配置优化

macOS系统提供字体册管理功能，建议采用以下优化配置：

# 终端快速安装方法 sudo cp -r SubsetTTF/CN/*.ttf /Library/Fonts/ # 验证字体安装状态 system_profiler SPFontsDataType | grep -A 5 -B 5 "Source Han Serif" # 清除字体缓存（解决显示问题） atsutil databases -removeUser && killall Finder

字体册管理技巧：

将字体拖入字体册"用户"区域，避免系统级冲突
使用"验证字体"功能检查文件完整性
通过"停用字体"临时关闭不需要的字重
建议安装后重启设计软件以确保正确加载

方案三：Linux环境全平台适配

Linux系统提供多种安装层级，满足不同使用场景：

# 用户级安装（推荐个人使用） mkdir -p ~/.local/share/fonts/SourceHanSerif/CN cp SubsetTTF/CN/*.ttf ~/.local/share/fonts/SourceHanSerif/CN/ fc-cache -fv ~/.local/share/fonts/ # 系统级安装（适合服务器环境） sudo mkdir -p /usr/share/fonts/truetype/source-han-serif-cn sudo cp SubsetTTF/CN/*.ttf /usr/share/fonts/truetype/source-han-serif-cn/ sudo fc-cache -fv # Docker容器内安装（容器化部署） FROM ubuntu:latest RUN apt-get update && apt-get install -y fontconfig COPY SubsetTTF/CN/*.ttf /usr/share/fonts/truetype/ RUN fc-cache -fv

方案四：跨平台开发环境统一配置

对于需要跨平台协作的开发团队，建议建立统一的字体管理方案：

# 创建字体管理脚本 #!/bin/bash # font-install.sh - 跨平台字体安装脚本 OS_TYPE=$(uname -s) FONT_DIR="SubsetTTF/CN" case $OS_TYPE in Linux*) echo "检测到Linux系统" mkdir -p ~/.local/share/fonts/SourceHanSerif/CN cp $FONT_DIR/*.ttf ~/.local/share/fonts/SourceHanSerif/CN/ fc-cache -fv ~/.local/share/fonts/ ;; Darwin*) echo "检测到macOS系统" sudo cp -r $FONT_DIR/*.ttf /Library/Fonts/ ;; CYGWIN*|MINGW*|MSYS*) echo "检测到Windows系统（通过Git Bash）" # Windows系统需要管理员权限 echo "请在PowerShell中运行安装脚本" ;; *) echo "未知操作系统: $OS_TYPE" exit 1 ;; esac echo "思源宋体安装完成"

网页开发集成最佳实践

现代CSS字体加载策略

/* 基础字体定义 - 性能优化版 */ @font-face { font-family: 'Source Han Serif CN'; src: url('../fonts/SourceHanSerifCN-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; /* 文本立即显示，字体加载后替换 */ unicode-range: U+4E00-9FFF; /* 仅加载中文字符 */ } @font-face { font-family: 'Source Han Serif CN'; src: url('../fonts/SourceHanSerifCN-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; unicode-range: U+4E00-9FFF; } /* 响应式字体系统配置 */ :root { /* 字体族配置 */ --font-family-cn: 'Source Han Serif CN', 'Microsoft YaHei', 'SimSun', serif; --font-family-en: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; /* 字号层级系统 */ --text-xs: 0.75rem; /* 12px */ --text-sm: 0.875rem; /* 14px */ --text-base: 1rem; /* 16px */ --text-lg: 1.125rem; /* 18px */ --text-xl: 1.25rem; /* 20px */ --text-2xl: 1.5rem; /* 24px */ --text-3xl: 1.875rem; /* 30px */ --text-4xl: 2.25rem; /* 36px */ /* 行高系统 */ --leading-tight: 1.25; --leading-normal: 1.5; --leading-relaxed: 1.75; --leading-loose: 2; }

中英文混合排版优化方案

/* 中英文混合排版优化 */ .content-area { font-family: var(--font-family-cn); font-size: var(--text-base); line-height: var(--leading-normal); /* 优化中文排版特性 */ text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* 标点挤压优化 */ hanging-punctuation: allow-end; text-spacing: trim-start allow-end; /* 中文段落优化 */ text-align: justify; text-justify: inter-ideograph; } /* 标题层级系统 */ h1 { font-family: var(--font-family-cn); font-weight: 700; /* Heavy字重 */ font-size: var(--text-4xl); line-height: var(--leading-tight); letter-spacing: -0.02em; margin-bottom: 1.5rem; } h2 { font-family: var(--font-family-cn); font-weight: 600; /* SemiBold字重 */ font-size: var(--text-3xl); line-height: var(--leading-tight); margin-bottom: 1.25rem; } /* 移动端适配策略 */ @media (max-width: 768px) { :root { --text-base: 0.9375rem; /* 15px */ --leading-normal: 1.6; } .content-area { font-size: var(--text-base); line-height: var(--leading-normal); text-align: left; /* 移动端左对齐更友好 */ } h1 { font-size: var(--text-2xl); } h2 { font-size: var(--text-xl); } }

桌面应用开发配置方案

Electron应用字体集成

// main.js - 主进程字体注册 const { app } = require('electron'); const path = require('path'); const fs = require('fs'); app.whenReady().then(() => { // 注册所有字重字体 const fontDir = path.join(__dirname, 'fonts', 'SourceHanSerif'); const fontWeights = [ 'ExtraLight', 'Light', 'Regular', 'Medium', 'SemiBold', 'Bold', 'Heavy' ]; fontWeights.forEach(weight => { const fontPath = path.join(fontDir, `SourceHanSerifCN-${weight}.ttf`); if (fs.existsSync(fontPath)) { app.addFont(fontPath); console.log(`已注册字体: Source Han Serif CN ${weight}`); } }); // 设置默认字体 const defaultFont = { fontFamily: 'Source Han Serif CN', fontSize: 14, fontWeight: 'normal' }; // 应用到所有窗口 app.on('web-contents-created', (event, contents) => { contents.on('dom-ready', () => { contents.insertCSS(` * { font-family: 'Source Han Serif CN', sans-serif !important; } `); }); }); });

Qt/C++应用字体加载

// 字体管理器类 #include <QFontDatabase> #include <QDir> #include <QDebug> class FontManager { public: static bool loadChineseFonts() { QFontDatabase fontDb; QString fontDir = QDir::currentPath() + "/fonts/SourceHanSerif/CN/"; // 加载所有字重 QStringList fontFiles = { "SourceHanSerifCN-ExtraLight.ttf", "SourceHanSerifCN-Light.ttf", "SourceHanSerifCN-Regular.ttf", "SourceHanSerifCN-Medium.ttf", "SourceHanSerifCN-SemiBold.ttf", "SourceHanSerifCN-Bold.ttf", "SourceHanSerifCN-Heavy.ttf" }; bool allLoaded = true; for (const QString &fontFile : fontFiles) { QString fontPath = fontDir + fontFile; int fontId = fontDb.addApplicationFont(fontPath); if (fontId == -1) { qWarning() << "Failed to load font:" << fontFile; allLoaded = false; } else { QStringList families = fontDb.applicationFontFamilies(fontId); qDebug() << "Loaded font family:" << families; } } // 设置应用默认字体 if (allLoaded) { QFont font("Source Han Serif CN", 12); QApplication::setFont(font); } return allLoaded; } };

Java Swing应用字体配置

import java.awt.Font; import java.awt.GraphicsEnvironment; import java.io.File; import java.io.IOException; import java.util.HashMap; import java.util.Map; public class SourceHanSerifLoader { private static final Map<String, Font> FONT_CACHE = new HashMap<>(); public static void loadAllFonts() { String[] fontWeights = { "ExtraLight", "Light", "Regular", "Medium", "SemiBold", "Bold", "Heavy" }; GraphicsEnvironment ge = GraphicsEnvironment.getLocalGraphicsEnvironment(); for (String weight : fontWeights) { try { String fontPath = "fonts/SourceHanSerif/CN/SourceHanSerifCN-" + weight + ".ttf"; File fontFile = new File(fontPath); if (fontFile.exists()) { Font font = Font.createFont(Font.TRUETYPE_FONT, fontFile); ge.registerFont(font); FONT_CACHE.put(weight, font); System.out.println("Loaded font: Source Han Serif CN " + weight); } } catch (IOException | FontFormatException e) { System.err.println("Error loading font " + weight + ": " + e.getMessage()); } } } public static Font getFont(String weight, float size) { Font baseFont = FONT_CACHE.get(weight); if (baseFont != null) { return baseFont.deriveFont(size); } return new Font("SansSerif", Font.PLAIN, (int)size); } }

常见问题解决与优化策略

字体不显示问题解决方案

问题1：字体列表中找不到思源宋体

现象：设计软件或系统字体列表中看不到思源宋体
原因分析：字体文件未正确安装或系统缓存未更新
解决方案：
1. 重新安装字体文件
2. 重启应用程序
3. 清除系统字体缓存（Windows：重启；macOS：atsutil databases -removeUser；Linux：fc-cache -fv）

问题2：显示为方框或乱码

现象：文字显示为方框或乱码字符
原因分析：字符编码不匹配或字体文件损坏
解决方案：
1. 确保应用使用UTF-8编码
2. 检查CSS中的font-family设置是否正确
3. 重新下载字体文件验证完整性

问题3：网页字体加载缓慢

现象：网页字体加载时间长，影响用户体验
原因分析：字体文件过大或网络问题
解决方案：
1. 使用字体子集化技术，只包含实际使用的字符
2. 启用HTTP/2协议和字体压缩
3. 使用字体预加载技术

问题4：打印输出异常

现象：打印时字体显示异常或缺失
原因分析：字体未嵌入PDF或打印机不支持
解决方案：
1. PDF导出时选择"嵌入所有字体"选项
2. 将字体转换为曲线或轮廓
3. 使用打印机支持的字体格式

字体性能优化技术

网页字体加载优化技巧：

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 预加载关键字体 --> <link rel="preload" href="fonts/SourceHanSerifCN-Regular.ttf" as="font" type="font/ttf" crossorigin> <link rel="preload" href="fonts/SourceHanSerifCN-Bold.ttf" as="font" type="font/ttf" crossorigin> <style> /* 字体加载前的回退样式 */ body { font-family: system-ui, -apple-system, sans-serif; font-display: swap; } /* 字体加载完成后的样式 */ .fonts-loaded body { font-family: 'Source Han Serif CN', serif; transition: font-family 0.3s ease; } /* 关键内容字体加载优化 */ .critical-content { font-family: 'Source Han Serif CN', system-ui, sans-serif; } </style> </head> <body> <script> // 字体加载检测与优化 document.addEventListener('DOMContentLoaded', function() { const fontFace = new FontFace( 'Source Han Serif CN', 'url(fonts/SourceHanSerifCN-Regular.ttf)' ); fontFace.load().then(function(loadedFont) { document.fonts.add(loadedFont); document.documentElement.classList.add('fonts-loaded'); // 性能监控 const loadTime = performance.now(); console.log(`思源宋体加载完成，耗时: ${loadTime.toFixed(2)}ms`); // 发送性能指标 if (window.performance && window.performance.mark) { performance.mark('font-loaded'); performance.measure('font-loading', 'navigationStart', 'font-loaded'); } }).catch(function(error) { console.error('字体加载失败:', error); // 回退到系统字体 document.documentElement.classList.add('font-fallback'); }); }); </script> </body> </html>

字体兼容性检查脚本

#!/bin/bash # font-compatibility-check.sh - 思源宋体兼容性检查脚本 echo "=== 思源宋体兼容性检查 ===" echo "" # 检查字体文件存在性 check_font_files() { echo "🔍 检查字体文件..." local font_dir="SubsetTTF/CN" local font_files=( "SourceHanSerifCN-ExtraLight.ttf" "SourceHanSerifCN-Light.ttf" "SourceHanSerifCN-Regular.ttf" "SourceHanSerifCN-Medium.ttf" "SourceHanSerifCN-SemiBold.ttf" "SourceHanSerifCN-Bold.ttf" "SourceHanSerifCN-Heavy.ttf" ) local all_exists=true for font in "${font_files[@]}"; do if [ -f "$font_dir/$font" ]; then echo "✅ $font 存在" else echo "❌ $font 缺失" all_exists=false fi done if [ "$all_exists" = true ]; then echo "✅ 所有字体文件完整" else echo "❌ 部分字体文件缺失" return 1 fi } # 检查字体格式 check_font_format() { echo "" echo "🔍 检查字体格式..." if command -v file &> /dev/null; then file "SubsetTTF/CN/SourceHanSerifCN-Regular.ttf" | grep -q "TrueType" if [ $? -eq 0 ]; then echo "✅ 字体格式正确 (TrueType)" else echo "❌ 字体文件格式异常" return 1 fi else echo "⚠️ file命令不可用，跳过格式检查" fi } # 检查文件大小 check_font_size() { echo "" echo "🔍 检查字体文件大小..." local regular_size=$(stat -c%s "SubsetTTF/CN/SourceHanSerifCN-Regular.ttf" 2>/dev/null || stat -f%z "SubsetTTF/CN/SourceHanSerifCN-Regular.ttf") if [ "$regular_size" -gt 1000000 ]; then echo "✅ 字体文件大小正常: $(($regular_size/1024/1024))MB" else echo "⚠️ 字体文件可能不完整: ${regular_size}字节" fi } # 系统级检查 check_system_fonts() { echo "" echo "🔍 检查系统字体缓存..." if command -v fc-list &> /dev/null; then echo "=== 系统已安装字体 ===" fc-list | grep -i "source.*han.*serif" | head -5 local count=$(fc-list | grep -i "source.*han.*serif" | wc -l) if [ "$count" -ge 7 ]; then echo "✅ 所有7种字重均已安装" else echo "⚠️ 仅找到 $count 种字重" fi else echo "⚠️ fc-list命令不可用，跳过系统检查" fi } # 检查网络访问 check_network_access() { echo "" echo "🔍 检查网络访问..." if command -v curl &> /dev/null; then if curl -s --head https://gitcode.com | head -n 1 | grep "200" > /dev/null; then echo "✅ 网络连接正常" else echo "⚠️ 网络连接可能有问题" fi else echo "⚠️ curl命令不可用，跳过网络检查" fi } # 执行所有检查 main() { check_font_files check_font_format check_font_size check_system_fonts check_network_access echo "" echo "=== 检查完成 ===" echo "如需重新安装字体，请运行:" echo "git clone https://gitcode.com/gh_mirrors/so/source-han-serif-ttf" } # 运行主函数 main

7种字重的实际应用场景与参数配置

思源宋体提供的7种不同字重，各有其最佳使用场景和配置参数：

ExtraLight（超细体，字重100）

最佳应用场景：

优雅精致的标题设计
高端品牌宣传材料
需要营造轻盈感的界面设计

技术参数：

最小字号：14pt（印刷）/ 16px（屏幕）
行距设置：1.8-2.0倍
适用场景：海报标题、品牌标识、高端印刷品

Light（细体，字重300）

最佳应用场景：

移动端小字号显示
长篇文章正文
需要高可读性的界面文本

技术参数：

最小字号：10pt（印刷）/ 12px（屏幕）
行距设置：1.6-1.8倍
适用场景：移动应用、电子书、长文阅读

Regular（标准体，字重400）

最佳应用场景：

日常正文排版
网页内容显示
通用文档处理

技术参数：

最小字号：9pt（印刷）/ 14px（屏幕）
行距设置：1.5-1.75倍
适用场景：网页正文、文档编辑、常规印刷

Medium（中等体，字重500）

最佳应用场景：

增强阅读体验的正文字体
需要中等强调的内容
界面中的次要标题

技术参数：

最小字号：9pt（印刷）/ 14px（屏幕）
行距设置：1.5-1.7倍
适用场景：杂志正文、技术文档、界面文本

SemiBold（半粗体，字重600）

最佳应用场景：

重点强调内容
二级标题
需要视觉层次的内容

技术参数：

最小字号：12pt（印刷）/ 16px（屏幕）
行距设置：1.4-1.6倍
适用场景：章节标题、重点标注、按钮文字

Bold（粗体，字重700）

最佳应用场景：

醒目大标题设计
需要强烈视觉冲击的内容
海报和广告设计

技术参数：

最小字号：14pt（印刷）/ 18px（屏幕）
行距设置：1.3-1.5倍
适用场景：主标题、广告标语、品牌标识

Heavy（特粗体，字重900）

最佳应用场景：

最大程度强调效果
超大尺寸标题
需要极强视觉冲击的设计

技术参数：

最小字号：18pt（印刷）/ 24px（屏幕）
行距设置：1.2-1.4倍
适用场景：海报标题、展览展示、品牌标识

印刷设计专业参数配置指南

书籍正文排版配置

/* 书籍排版CSS配置 */ .book-content { font-family: 'Source Han Serif CN', serif; font-weight: 400; /* Regular字重 */ font-size: 10.5pt; /* 标准书籍字号 */ line-height: 1.75; /* 1.5-1.8倍行距 */ text-align: justify; /* 两端对齐 */ text-justify: inter-ideograph; /* 中日文对齐优化 */ hyphens: auto; /* 自动断字 */ /* 段落间距 */ margin-bottom: 1.5em; /* 首行缩进 */ text-indent: 2em; } /* 章节标题 */ .chapter-title { font-family: 'Source Han Serif CN', serif; font-weight: 700; /* Bold字重 */ font-size: 16pt; line-height: 1.3; margin: 2em 0 1em 0; page-break-after: avoid; /* 避免标题在页面底部 */ }

杂志版面设计参数

/* 杂志排版配置 */ .magazine-content { font-family: 'Source Han Serif CN', serif; font-weight: 300; /* Light字重 */ font-size: 9pt; line-height: 1.6; column-count: 2; /* 分栏排版 */ column-gap: 3em; /* 优化阅读体验 */ text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } /* 杂志标题 */ .magazine-headline { font-family: 'Source Han Serif CN', serif; font-weight: 900; /* Heavy字重 */ font-size: 36pt; line-height: 1.1; letter-spacing: -0.02em; margin-bottom: 0.5em; }

响应式印刷设计策略

/* 响应式印刷设计 */ @media print { /* 打印优化 */ body { font-family: 'Source Han Serif CN', serif !important; font-size: 11pt; line-height: 1.6; } /* 避免分页问题 */ h1, h2, h3 { page-break-after: avoid; } p { page-break-inside: avoid; } /* 打印链接优化 */ a { color: #000 !important; text-decoration: none !important; } a[href]:after { content: " (" attr(href) ")"; font-size: 0.9em; font-weight: normal; } }

性能优化与监控方案

字体加载性能监控

// 字体性能监控脚本 class FontPerformanceMonitor { constructor(fontFamily) { this.fontFamily = fontFamily; this.metrics = { loadStart: null, loadEnd: null, loadDuration: null, isLoaded: false }; } startMonitoring() { this.metrics.loadStart = performance.now(); // 创建测试元素 const testElement = document.createElement('div'); testElement.style.fontFamily = this.fontFamily; testElement.style.position = 'absolute'; testElement.style.left = '-9999px'; testElement.style.visibility = 'hidden'; testElement.textContent = '测试文本'; document.body.appendChild(testElement); // 监控字体加载 document.fonts.ready.then(() => { this.metrics.loadEnd = performance.now(); this.metrics.loadDuration = this.metrics.loadEnd - this.metrics.loadStart; this.metrics.isLoaded = true; console.log(`字体加载完成: ${this.fontFamily}`); console.log(`加载耗时: ${this.metrics.loadDuration.toFixed(2)}ms`); // 发送性能指标 this.sendMetrics(); // 清理测试元素 document.body.removeChild(testElement); }); } sendMetrics() { // 发送到分析服务 if (typeof gtag !== 'undefined') { gtag('event', 'font_load', { 'font_family': this.fontFamily, 'load_time': Math.round(this.metrics.loadDuration), 'event_category': 'Performance' }); } } } // 使用示例 const monitor = new FontPerformanceMonitor('Source Han Serif CN'); monitor.startMonitoring();

字体缓存优化策略

# Nginx字体缓存配置 location ~* \.(ttf|otf|woff|woff2)$ { add_header Access-Control-Allow-Origin *; add_header Cache-Control "public, max-age=31536000, immutable"; expires 1y; access_log off; } # 启用Gzip压缩 gzip_types font/ttf font/otf font/woff font/woff2;

进阶应用：多语言混合排版

中日韩英混合排版方案

/* 多语言混合排版配置 */ .multilingual-content { /* 中文优先，日韩次之，英文最后 */ font-family: 'Source Han Serif CN', /* 简体中文 */ 'Source Han Serif JP', /* 日文 */ 'Source Han Serif KR', /* 韩文 */ 'Source Han Serif TW', /* 繁体中文 */ 'Noto Serif SC', /* 备用中文字体 */ 'Noto Serif JP', /* 备用日文字体 */ 'Noto Serif KR', /* 备用韩文字体 */ 'Georgia', /* 英文衬线字体 */ 'Times New Roman', /* 通用衬线字体 */ serif; /* 通用衬线字体族 */ /* 语言特定样式 */ :lang(zh) { font-family: 'Source Han Serif CN', serif; line-height: 1.75; } :lang(ja) { font-family: 'Source Han Serif JP', serif; line-height: 1.6; } :lang(ko) { font-family: 'Source Han Serif KR', serif; line-height: 1.7; } :lang(en) { font-family: 'Georgia', 'Times New Roman', serif; line-height: 1.5; } }

垂直排版支持

/* 中文垂直排版 */ .vertical-writing { writing-mode: vertical-rl; text-orientation: mixed; font-family: 'Source Han Serif CN', serif; font-size: 16px; line-height: 2; /* 垂直排版需要更大的行距 */ /* 标点优化 */ text-combine-upright: all; text-spacing: trim-start allow-end; }