字体加载的性能影响
自定义字体（Web Fonts）可以提升网站视觉效果和品牌一致性，但也会带来性能开销。字体文件通常较大（每种字重几百KB到几MB），加载和渲染会延迟文本显示，影响页面加载速度和用户体验。对于外贸网站，由于面向全球用户，字体加载优化尤为重要。
字体加载优化策略
字体加载优化策略：限制字体数量和字重（只加载需要的字重，如Regular和Bold，避免加载Light、Black等不常用的字重）；使用现代字体格式（WOFF2压缩率最高，比WOFF小30%，支持所有现代浏览器）；子集化字体（只包含需要的字符集，如Latin字符集而非完整Unicode，可减少80%+文件大小）；使用font-display属性控制字体加载期间的显示行为。
font-display属性
font-display是CSS字体加载的关键属性，有五个值：auto（浏览器默认行为）；block（短暂 invisible 后切换字体，FOIT）；swap（立即显示后备字体，加载完成后切换，FOUT）；fallback（短暂 block 后使用 swap 策略）；optional（极短的 block 时间后使用后备字体，不切换）。推荐使用font-display: swap，确保文本内容立即可见，字体加载完成后平滑切换。
预加载关键字体
对首屏使用的关键字体，可以使用预加载：。将预加载标签放在
开头，确保字体尽早开始下载。注意：只预加载首屏真正需要的1-2种字体，过度预加载会占用带宽和连接数。系统字体回退
定义合理的字体回退栈（font-family），确保在自定义字体加载失败或缓慢时有合适的替代字体：font-family: 'Custom Font', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;。这样iOS使用San Francisco，Android使用Roboto，Windows使用Segoe UI，确保各平台都有良好的显示效果。
工具推荐
字体优化工具：Google Fonts（提供自动子集化和优化，支持font-display参数）；Font Squirrel Web Font Generator（将桌面字体转换为Web格式并生成子集）；glyphhanger（命令行工具，自动分析页面使用的字符并生成子集字体）；Axe DevTools（检测字体可访问性问题）。对于面向中文用户的外贸网站，中文字体文件较大，子集化尤为重要。