使用webfonts在输入字段中垂直定位文本

时间:2012-08-16 00:43:57

标签: css html5 input webfonts

在使用网络字体时,在移动版Safari(和Chrome)上,输入字段中文本的垂直位置始终很高。具体来说,DIN Monotype来自Monotype Webfonts http://www.fonts.com/font/linotype/din-next?QueryFontType=Web#buying-options

我已尝试设置行高,调整填充和输入高度,但无济于事。文本总是高于应有的值。

当webfonts未应用于输入字段时,它看起来很棒。

使用带有normalize.css的HTML5 Boilerplate

屏幕截图:https://www.evernote.com/shard/s4/sh/49486b48-98a6-4cf0-80ab-52c96f052bc6/a889ee43c1c08b7c2ee5433a139708ac

1 个答案:

答案 0 :(得分:0)

问题似乎与字体文件有关。使用Typekit字体进行测试,并且能够解决问题。