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

Posted 2023-05-07

【中文标题】字体问题：HTML 字段类型“text”和“textarea”显示不同的字体

【英文标题】：Font Issues: HTML field types "text" and "textarea" are displaying different fonts

【发布时间】：2011-07-07 10:17:51

【问题描述】：

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

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

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

【问题讨论】：

这些对象的css声明是什么？

只是根据艾哈迈德的评论将它们更改为...

【参考方案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 具有相同的字体系列和字体大小。

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

【讨论】：

该链接很有帮助。谢谢！