safari 中 font-feature-settings: "liga" 1 不生效通常因字体缺失或写法错误，而非浏览器不支持；需确认字体含 liga 表、语法正确（引号+数字）、font-display 设置合理。
font-feature-settings: "liga" 1 在 Safari 上不生效？先查 cvXX 和 liga 的平台差异
macOS Safari 对 OpenType 特性的支持比 Chrome/Edge 更保守，尤其对 cvXX（字符变体）和部分 dlig 实现几乎忽略；但 liga 本身在 Safari 15.4+ 是支持的，问题往往出在字体加载或声明写法上。
常见断点：
-
font-feature-settings: "liga" on在 Safari 某些版本（如 16.0–16.3）会静默失败，必须用"liga" 1 - Google Fonts 默认引入的
Inter、Roboto不含liga表，Safari 加载后自然没反应——不是兼容性问题，是字体缺失 - Safari 的 Fonts 面板不显示 “OpenType Features” 勾选状态，无法像 Chrome 那样直观验证，得靠测试文本 + Computed 面板双重确认
Chrome DevTools 显示 font-feature-settings 被 strike-through？检查三处硬性语法
只要值被划掉，就说明浏览器根本没解析成功，和字体是否支持无关。优先排查以下写法：
-
liga 1（缺引号）→ 必须写成"liga" 1 -
"liga" true或"liga" on→ 只接受1或0，布尔值或别名不被规范认可 - 多个特性间漏了逗号：
"liga" 1 "dlig" 1错误，正确是"liga" 1, "dlig" 1
写完立刻打开 Elements → Computed → 搜索 font-feature-settings，确认值未被灰掉，否则后续所有调试都白搭。
写了 "liga" 1 但 fi/fl 还是分开显示？验证字体是否真带该特性
连字是否出现，只取决于字体文件里有没有 liga 表，而不是 CSS 写得多漂亮。验证路径很直接：
Plan Dubai Travel — Flights, Hotels, Burj Khalifa, Desert Safari, Malls & Itineraries
下载
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
- 用 FontDrop 上传你正在用的 WOFF2 文件，搜索 “liga” —— 若无结果，说明字体压根没打包该特性
- Google Fonts 引入时，别只写
&family=Inter，要手动选带 ligatures 的变体（如 Inter Variable 的&display=swap&subset=latin-ext&text=fi参数组合） - @font-face 中
src指向的必须是完整版 WOFF2，WOFF 格式常被精简掉 OpenType 表，尤其dlig和ssXX
测试文本建议用 fi fl ff ct st Th 1/2，这些组合在不启用连字时明显割裂，启用后应自然融合。
首屏没连字，过一会儿才出现？font-display: swap 导致的重绘延迟
这是最隐蔽也最容易误判的问题：你写的 font-feature-settings 没错、字体也带 liga、浏览器也支持，但用户第一眼看到的是系统字体（如 San Francisco），Web 字体加载完才触发重绘——你以为“没生效”，其实是“还没轮到它生效”。
临时验证方法：
- 把
font-display: swap改成font-display: block，强制等 Web 字体加载完再渲染（仅用于调试） - 在 DevTools → Application → Fonts 面板里，等字体加载完成后再刷新页面，观察连字是否出现
- 不要在首屏文本上直接测，改用
setTimeout(() => { document.body.style.fontFeatureSettings = '"liga" 1'; }, 2000)手动触发，看变化是否发生
真正容易被忽略的，是连字效果依赖字体加载完成这一事实——它既不是 CSS bug，也不是浏览器兼容问题，而是排版渲染链路上一个确定的时间差。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
