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

时间:2018-02-20 21:24:16

标签: javascript angular material-design angular-material

我在使用角度素材输入标签修剪文字字形时遇到问题。我有一个自定义字体覆盖发生似乎是问题的根源(如果我将字体设置回roboto字体不再剪辑)。

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

对于上下文,它也在输入文本字段中剪切,但我能够使用此规则修复它:

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

有没有人遇到过这个问题?

2 个答案:

答案 0 :(得分:0)

这似乎是Open Sans本身的一个问题,请参阅:https://codepen.io/winkerVSbecks/pen/jZKbze

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

当输入填充0并且高度和字体大小之间的差异小于4px时,它似乎剪切文本。我不知道为什么会这样做,但至少我们知道这不是由ng-material引起的问题。

答案 1 :(得分:0)

我在Google字体小组的Google工作,我已在https://github.com/google/fonts/issues/1457提交此文件以跟踪其解决方案