知道textarea中使用的字體嗎？

Question

我有一個網頁，上面有文字區域和文字。 我需要在此網頁中以與textarea中使用的相同的字體和字體大小寫一條消息（文本）。

我怎么知道字體的名稱和在文本區域中使用的字體的大小？

對於好奇地知道為什么我需要這種字體和字體大小的人們，這是因為任何字符的寬度和破折號（-）的寬度都相同。

謝謝 ！！ :)

Answer 1

實際上有一堆這樣的字體（字體），稱為monospace 。 這是在css規則btw中指定font-family:monospace時得到的。 ）

Answer 2

您可以通過特定設置檢查特定瀏覽器使用的字體，但是作為作者，您無法知道每個用戶的瀏覽器將使用哪種字體。

要使用瀏覽器默認值使用與textarea元素相同的字體來編寫消息，您可以為其使用textarea元素，並適當地設置其其他屬性（例如，使用HTML屬性將其設置為只讀，並使用white-space: normal在CSS中white-space: normal ）。

但是似乎您真正想要的是等寬字體。 在HTML中，您可以僅使用它。 在CSS中，您可以按首選項順序設置字體列表，例如

tt { font-family: Consolas, Courier New, monospace; }

Answer 3

使用任何HTML檢查工具（例如firebug（firefox插件））來了解文本區域中使用的屬性。

Answer 4

使用諸如firebug（firefox插件），IE開發工具或Chrome開發工具之類的工具來查找所使用的字體。 Google“使用Firebug”將為您提供大量有關如何使用它的教程。 希望這個幫助