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

Question

很难破解这个问题——在使用网络字体时，在移动 Safari（和 Chrome）上，输入字段中文本的垂直定位总是很高。具体来说，来自 Monotype Webfonts 的 DIN Next http://www.fonts.com/font/linotype/din-next?QueryFontType=Web#buying-options

我试过设置行高、调整填充和输入高度，但无济于事。文字总是比它应该的高。

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

使用 HTML5 样板，带有 normalize.css

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

Answer 1

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