文本字形剪辑角材料字体覆盖



我在文本字形被夹在角度材料输入台上时遇到麻烦。我有一个自定义字体替代,这似乎是问题的根源(如果我将字体设置回Roboto,则不再将字体剪辑剪辑(。

$custom-typography: mat-typography-config( $font-family: 'Open Sans, sans-serif' );

对于上下文,它也在输入文本字段中剪辑,但我能够用此规则解决此问题:

input.mat-input-element { height:100%; }

有人遇到这个问题吗?

这似乎是Open Sans本身的问题,请参见:https://codepen.io/winkervsbecks/pen/jzkbze

font-family: "Open Sans", sans-serif;
height: 18px;
font-size: 16px;   
padding: 0;

当输入具有填充0时,高度和字体大小之间的差异小于4px时,似乎会夹住文本。我不知道为什么要这样做,但至少我们知道这不是由NG材料引起的问题。

我在Google在Google字体团队中工作,我已在https://github.com/google/fonts/issues/1457上提交此解决方案

最新更新