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

标签 css html input webfonts

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

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

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

使用 HTML5 样板和 normalize.css

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

最佳答案

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

关于css - 使用 webfonts 在输入字段中垂直定位文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11979223/

相关文章:

javascript - 如何用JS激活我的删除按钮

java - 扫描仪在程序结束时拾取用户输入的问题

input - jQuery。元素宽度取决于其父宽度

css - WordPress 主题演示显示子菜单但不显示主题安装

html - 试图将另一个跨度放在跨度上

html - 为什么蓝色框不包围子 div 元素?

Javascript 灯箱无法在 html 部分标签内运行

javascript - 如何用html5 canvas元素绘制透明图片

python-2.7 - 准备 FMU : Interchanging model parameters for model inputs

html - 始终可见的带有列表的菜单组件