字体使用指南

字体安装指南

Windows 系统

下载字体文件（.ttf 或 .otf 格式）
右键点击字体文件，选择"安装"或"为所有用户安装"
或者将字体文件复制到 C:\Windows\Fonts 文件夹
重启应用程序即可使用新字体

macOS 系统

下载字体文件（.ttf 或 .otf 格式）
双击字体文件，在字体预览器中点击"安装字体"
或者将字体文件拖拽到"字体册"应用程序
重启应用程序即可使用新字体

网页使用

使用 @font-face 规则：

@font-face

font-family: 'YourFont';

src: url('path/to/font.woff2') format('woff2'),

url('path/to/font.woff') format('woff');

font-weight: normal;

font-style: normal;

body

font-family: 'YourFont', sans-serif;

字体选择技巧

按用途选择

标题字体：选择有特色的字体，如粗体、装饰性字体
正文字体：选择易读性好的字体，如宋体、黑体
品牌字体：选择能体现品牌特色的字体
网页字体：选择支持多种字重的字体

按风格选择

现代简约：无衬线字体，如思源黑体
传统正式：衬线字体，如宋体、Times New Roman
创意艺术：手写体、装饰性字体
科技感：几何无衬线字体

字体搭配原则

对比原则

选择在风格、粗细、大小上有明显对比的字体组合，避免过于相似。

和谐原则

确保字体之间有视觉上的和谐感，避免风格冲突。

层次原则

通过字体大小、粗细、颜色建立清晰的信息层次。

字体授权说明

免费商用字体

• 可免费用于商业项目
• 无需支付授权费用
• 通常需要保留版权信息
• 如：思源黑体、思源宋体

商业授权字体

• 需要购买商业授权
• 按使用范围收费
• 提供技术支持
• 如：微软雅黑、方正字体

重要提醒

使用字体前请仔细阅读授权协议，确保符合使用要求。商业项目建议选择明确支持商用的字体。

常见问题

如何判断字体是否支持商用？

查看字体的授权文件（LICENSE.txt）或官方网站的授权说明。开源字体通常支持商用，但可能需要保留版权信息。

网页字体加载慢怎么办？

使用 WOFF2 格式字体文件，启用字体预加载，设置合适的字体显示策略（font-display: swap）。

如何选择合适的字体大小？

正文建议 14-16px，标题根据层级选择 18-48px，移动端可适当增大字体大小。