CSS 可变字体：font-variation-settings 与 opsz wght wdth
使用可变字体的轴控制与 `font-variation-settings`/`font-optical-sizing` 构建一致且灵活的排版系统，并给出性能与兼容建议。
字体
CSS 字体加载控制：font-display 与 Font Loading API 实战
介绍 @font-face 的 font-display 策略与 Font Loading API 的编程控制，减少 FOIT/FOUT
CSS 字体平滑与渲染：font-smooth 与 text-rendering
探索字体平滑与渲染提示属性在不同浏览器的效果与兼容性，理解其非标准性并给出实践建议与替代方案。
Web 字体优化：font-display、子集化与可变字体（Variable Fonts）实践
实施 Web 字体优化，从 font-display 与预加载到子集化与可变字体，系统化降低首屏阻塞与体积开销，并提供可验证的渲染与性能指标
Web 字体加载优化：font-display、preload 与子集化
"系统介绍 Web 字体加载的策略与取舍，结合 font-display 与 preload 的协作、子集化与中文场景的分包实践，并给出对 LCP 的影响与验证来源。"
Web字体优化：子集化、预加载与font-display
通过字体子集化、预加载与显示策略优化首屏与文本渲染体验，降低资源体积与闪烁。
变量字体优化：Variable Fonts 的轴与性能实践
"介绍变量字体的基本概念与常用轴（wght/ital/opsz 等），说明 `font-variation-settings` 的用法与性能优势，并给出工程与可访问性注意。"
字体加载与显示策略：font-display 与子集化
介绍字体加载的常见问题与解决策略，使用 `font-display` 选择最佳显示行为，并通过 WOFF2 与子集化降低体积与阻塞。
字体加载优化：font-display、preload与子集化治理
通过 font-display 与预加载、子集化与格式治理优化字体加载与呈现，降低首屏阻塞与闪烁。
字体子集优化：@font-face unicode-range 与体积控制
"介绍使用 `unicode-range` 为不同字符集提供独立字体子集，降低下载体积与首屏阻塞；说明 MIME 与跨域以及与 font-display 的协作。"
