我有一个网页,有一个文本区域和一个文本。我需要在此网页中使用与 textarea 中使用的相同的字体和字体大小写一条消息(文本)。
如何知道文本区域中使用的字体名称和字体大小?
对于那些想知道为什么我需要这种字体和字体大小的人来说,这是因为任何字符的宽度和破折号 (-) 的宽度都是相同的。
谢谢 !!:)
实际上有一堆这样的字体(字体),称为monospace。顺便说一句,这是您font-family:monospace
在 css 规则中指定时得到的。)
您可以通过某些特定设置检查特定浏览器使用的字体,但作为作者,您无法知道每个用户的浏览器将使用哪些字体。
要使用与浏览器默认设置的 textarea 元素中使用的字体相同的字体编写消息,您可以为其使用 textarea 元素并适当地设置其其他属性(例如,使用 HTML 属性使其只读并使用white-space: normal
CSS使行正常流动)。
但似乎你真正想要的是等宽字体。在 HTML 中,您可以只使用它。在 CSS 中,您可以按偏好顺序设置字体列表,例如
tt { font-family: Consolas, Courier New, monospace; }
使用任何 HTML 检查工具,例如 firebug(firefox 插件)来了解您的 textarea 中使用的属性。
使用诸如 firebug(firefox 插件)、IE 开发工具或 Chrome 开发工具之类的工具来找出使用的字体。谷歌“使用萤火虫”你会得到大量关于如何使用它的教程。希望这有帮助