@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 创意艺术：手写体、装饰性字体 科技感：几何无衬线字体
字体搭配原则 对比原则 选择在风格、粗细、大小上有明显对比的字体组合，避免过于相似。
和谐原则 确保字体之间有视觉上的和谐感，避免风格冲突。
层次原则 通过字体大小、粗细、颜色建立清晰的信息层次。
推荐搭配组合 标题 + 正文：思源黑体 Bold + 思源黑体 Regular
中文 + 英文：思源黑体 + Inter
正式文档：宋体 + 黑体
现代网页：思源黑体 + Roboto
字体授权说明 免费商用字体 • 可免费用于商业项目 • 无需支付授权费用 • 通常需要保留版权信息 • 如：思源黑体、思源宋体 商业授权字体 • 需要购买商业授权 • 按使用范围收费 • 提供技术支持 • 如：微软雅黑、方正字体 重要提醒 使用字体前请仔细阅读授权协议，确保符合使用要求。商业项目建议选择明确支持商用的字体。
常见问题 如何判断字体是否支持商用？ 查看字体的授权文件（LICENSE.txt）或官方网站的授权说明。开源字体通常支持商用，但可能需要保留版权信息。
网页字体加载慢怎么办？ 使用 WOFF2 格式字体文件，启用字体预加载，设置合适的字体显示策略（font-display: swap）。
如何选择合适的字体大小？ 正文建议 14-16px，标题根据层级选择 18-48px，移动端可适当增大字体大小。
相关资源 字体库 浏览我们收集的高质量字体资源
字体工具 使用专业的字体处理工具
字体知识库 了解更多字体相关知识