如何处理Fugaz One字体字符外空间过大的问题？

这个问题是Fugaz One字体自带的字形度量参数（行间隙、上下留白）过大导致的，不用换字体，用以下CSS属性就能修复：

• 优先用line-gap-override直接覆盖行间隙
  这是最直接的方案，它会忽略字体本身的行间隙设置，从根源上缩小元素整体高度，选中区域也会同步正常：

  h1 {
    font-family: 'Fugaz One', sans-serif;
    line-gap-override: 0%; /* 可根据实际显示效果微调，比如5% */
  }
  

• 精细调整用ascent-override和descent-override
  如果行间隙调整后上下留白还是偏多，可以配合这两个属性控制字体字形的上下边界，让选中区域完全贴合文字：

  h1 {
    font-family: 'Fugaz One', sans-serif;
    ascent-override: 85%; /* 按需调整，比如80%-90%之间测试 */
    descent-override: 15%; /* 与ascent-override总和尽量接近100% */
    line-gap-override: 0%;
  }
  

• 可选：用font-size-adjust优化比例
  Fugaz One的x-height（小写字母高度）偏低，若想让字体大小和视觉高度更协调，可搭配这个属性：

  h1 {
    font-family: 'Fugaz One', sans-serif;
    font-size-adjust: 0.5; /* 可在0.4-0.6之间测试，适配视觉高度 */
    line-gap-override: 0%;
  }
  

这些属性都是现代主流浏览器（Chrome、Firefox、Edge等）支持的，不需要修改字体文件，就能让H1标签的高度和选中区域都恢复正常，不会遮挡上下内容。

内容的提问来源于stack exchange，提问作者jemhop