代码之家 › 专栏 › 技术社区 › Johan

@字体外观问题,Firefox添加了填充,Chrome没有

font-face css3 fonts firefox

Johan · 技术社区 · 15 年前

@font-face ,它确实呈现了我认为在Chrome中应该呈现的效果。不过,在Firefox中,字体中添加了额外的填充(顶部和底部)。

Here is my example page that outlines the problem .

我能做些什么吗?

2 回复 | 直到 15 年前

Marcel Korpel 15 年前

仅供参考,Linux上的Firefox(而不是Chromium)也会发生这种情况。我试着把你的字体装进去 FontForge 立刻得到警告:

忽略“LTSH”线性阈值表忽略“VDMX”垂直设备度量表忽略“hdmx”水平设备度量表


   
    
     
      
       VDMX (Vertical Device Metrics)
      
      表有缺陷:
     
     
      
       为了避免网格拟合
整个字体以确定正确的
高度,VDMX表已
      
     
     
      这看起来和Firefox中的情况一模一样:某个地方的最小和最大高度计算错误。当您选择文本时,这一点也很清楚:选择框延伸到行的顶部和底部;如果
      
       h1
      
      元素确实有填充,您将看到行的顶部和底部以及选择框之间的间隙。
     
     
      此外,验证显示几乎每个字形都是
      
       missing points at extrema
      
      :
     
     
      
       希望你在最大点有点
      
     
     
      快速
      
       search
      
      显示:
     
     
      
       相当恶劣的状况叫做“失踪”
极值点”。用字体,
需要有一个点(或节点,例如
它们在Inkscape中被称为
最左边、最右边、最上面和最下面
字形。通常他们都在那里
不管怎样只是因为你
字形是建立的,但对角线
       
        [source, including picture (scroll down)]

Manhal 12 年前

只需添加:

line-height:1;

你的CSS规则

推荐文章

toddmo · 当内容不可用时,如何优雅地后退

7 年前

Ronald LaPlante · 在css中查找字体

7 年前

Namdeo Karande · 使用Aspose在PDF中添加TTF字体文件。HTML

7 年前

bellotas · 如何将新字体导入项目-Angular 5

7 年前

user7088941 · 无法在tkinter中更改按钮字体大小

7 年前

Emre Önder · 在Interface builder中看到的自定义字体,但在iOS项目的代码中没有看到

7 年前

Joey Yi Zhao · 如何在html画布中使用粗体、斜体等字体文件?

7 年前

sripberger · 向docker图像添加字体

7 年前

newbeeep · Freetype2返回的大小值大于预期值

7 年前

FormaL · wordpress请求404/410响应缺少字体

7 年前