vf怎么用：实测后的上手法
vf怎么用，别从复杂参数开始。我实测下来，最稳的是先在设计工具里定档位，再到网页里写标准属性，最后只把少数特殊场景交给变量轴。这样不炫技，但最少返工。
设计工具调，还是代码里调
第一次研究vf怎么用，我踩过一个坑：直接在CSS里改数值，页面看起来很灵活，设计稿却对不上。后来改成先在设计工具里确定常用档位，比如正文400、按钮600、主标题720，再让前端按档位实现，沟通立刻变顺。
设计工具适合找感觉，代码适合固化规则。不要把线上页面当试验台。尤其多人协作时，先定命名档位，比到处写零散轴值可靠得多。
font-weight，还是variation参数
能用font-weight解决的，就先用font-weight。比如粗细轴wght，很多VF可以直接响应300到900的字重范围，代码清楚，维护也简单。只有当你要控制宽度、倾斜、光学尺寸，或者字体没有映射标准属性时，再用font-variation-settings。
实测里，过早使用底层参数最容易出错。新人看不懂，后期搜索也难。我的习惯是：常规排版走标准属性，特殊动效和品牌标题走变量参数。
粗细轴，还是宽度轴
粗细轴最适合新手。它能解决标题层级、按钮强调、数字突出这些高频问题，视觉收益明显。宽度轴更敏感，用得好能救移动端标题换行，用不好会让文字像被压扁。
我在移动端测试时，只给大标题轻微收窄，不动正文。正文一旦改宽度，阅读节奏会变奇怪，尤其是中文、英文、数字混排的段落。VF不是所有轴都要用，少用反而更专业。
本地托管，还是外部加载
本地托管的好处是可控：缓存、预加载、子集化都能自己安排。外部加载省事，但遇到网络波动、策略变化或字体版本更新，排版可能不稳定。正式项目我更偏向本地托管。
如果只是做Demo，外部加载够快；如果是商业站，建议转成woff2，按字符范围处理，再配好fallback。页面不能因为一个字体资源慢了，就让首屏空着等。
直接上线，还是先做兜底
VF上线前必须准备兜底字体。实测最常见的问题不是完全不显示，而是加载前后文字宽度变化，按钮换行、标题抖动、导航挤压。这个问题不提前看，线上很刺眼。
我的固定检查清单是：断网看兜底、低速网看闪字、安卓机看粗细、移动端看换行、数字表格看对齐。vf怎么用的答案很朴素：先把可控范围缩小，再让它发挥细腻优势。
常见问题
- vf怎么用在网页里？
- 先引入woff2字体文件，再用@font-face定义字体。粗细优先用font-weight，特殊轴值再用font-variation-settings。
- VF一定要写font-variation-settings吗？
- 不一定。很多粗细变化可以直接用font-weight。只有控制宽度、倾斜、光学尺寸等轴时，才需要底层参数。
- VF使用前要测试什么？
- 重点测加载速度、fallback切换、移动端换行、低端设备渲染和中英文数字混排，不要只在设计软件里看效果。