IPad safari 浏览器中的输入文本框显示时间新罗马字体答案

【问题标题】：Input text box in IPad safari browser showing times new roman as fontIPad safari 浏览器中的输入文本框显示时间新罗马字体
【发布时间】：2012-11-18 17:04:08
【问题描述】：

我正在开发一个网站。在 iPad 中查看该网站总是显示字体 Times New Roman，我猜字体大小为 6 或 7。虽然我从未在我的 css 中提到过这种字体。其余所有标签都按预期以“Segoe UI”字体显示。该网站在桌面浏览器中运行良好，即使我在我的桌面上进行 safari。但对于 iPad，它显示的是 Times New Roman。

我尝试了this 链接的插件，并在警报中看到了输出，它仅将 fontFamily 显示为“Segoe UI”，但字体不是那样。

还尝试了this，但没有成功。

还尝试在 css 中使用 !important 属性设置内联样式，但相同。

有人可以帮我解决我做错了什么或者我可以添加/删除什么来纠正行为吗？

编辑：我单独尝试过的代码here 至少在我的 iPad 上也没有表现出预期，它肯定不会将 Segoe UI 显示为字体。但在我的桌面浏览器中，它显示 Segoe UI。

<input type="text" value="imjgnsdnbf" style="font-family:Segoe UI; font-size:20px;" />

这可能是我的 iPad 特定设置吗？

【问题讨论】：

您能否在问题中包含允许我们重现此问题的代码？
添加了一个对我不起作用的最简单代码的链接。

标签： css ipad textinput

【解决方案1】：

Segoe UI是windows字体，ipad是苹果产品！

所以你必须包含类似font-face的字体

*编辑在 css 中选择输入字段

输入[类型=文本]

【讨论】：

Simon，在那种情况下 - 标签等其他控件如何显示字体正常？
他们的外观应该没有任何区别，只是通过css进行造型怎么样？查看我的编辑如何选择输入文本字段
Simon，我知道如何设置样式，如何选择输入类型文本等，我还可以使用字体（虽然我找不到免费托管“Segoe UI”的网站： ) )，但我的意思是，网站的其他部分在 iPad 上运行良好。