字体问题：HTML 字段类型“text”和“textarea”显示不同的字体答案

【问题标题】：Font Issues: HTML field types "text" and "textarea" are displaying different fonts字体问题：HTML 字段类型“text”和“textarea”显示不同的字体
【发布时间】：2011-07-07 10:17:51
【问题描述】：

我页面的 HTML 字段类型“text”和“textarea”中的文本显示不同的字体...这只是不同字段的性质吗？

我尝试在背景 CSS 文件和 HTML 中指定字体类型。没有运气。

全面披露...工作新手。

【问题讨论】：

这些对象的css声明是什么？
只是根据艾哈迈德的评论将它们更改为...

标签： html css text textarea

【解决方案1】：

您可以通过以下方式更改字体：

textarea {
    font-family: "Tahoma", "Arial", "Arabic Transparent";
}
input[type=text] {
    font-family: "Tahoma", "Arial";
}

这种方式对我很有效，但您应该编写通常在您的访问者的 PC 中找到的字体。

【讨论】：

谢谢。这有帮助。我会做一些浏览器测试，看看问题是否解决。

【解决方案2】：

textarea, input { font-family: Helvetica, Arial, sans-serif; }

【讨论】：

【解决方案3】：

下面是一个简单的示例，可以帮助您入门：http://jsfiddle.net/audetwebdesign/gakfk/

确保input 和textarea 具有相同的字体系列和字体大小。

此外，您可能希望使用类来区分不同类型的输入字段，例如文本和提交。

【讨论】：

该链接很有帮助。谢谢！