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 的影响与验证来源。"
"变量字体优化：Variable Fonts 的轴与性能实践"
"介绍变量字体的基本概念与常用轴（wght/ital/opsz 等），说明 `font-variation-settings` 的用法与性能优势，并给出工程与可访问性注意。"
字体加载与显示策略：font-display 与子集化
介绍字体加载的常见问题与解决策略，使用 `font-display` 选择最佳显示行为，并通过 WOFF2 与子集化降低体积与阻塞。
"字体子集优化：@font-face unicode-range 与体积控制"
"介绍使用 `unicode-range` 为不同字符集提供独立字体子集，降低下载体积与首屏阻塞；说明 MIME 与跨域以及与 font-display 的协作。"
字体性能优化（子集化、font-display、变量字体与 unicode-range）
通过字体子集化、font-display、变量字体与 unicode-range 优化加载与渲染，降低 LCP 并避免 FOIT/FOUT。
