HTML textとtextareaのフォントを合わせたい

Question

下記二つのフォントが違ってみえるのですが、なぜでしょうか
ブラウザはFirefoxです
下記以外のコードは何も記述しておりません

text→なめらかなフォント
textarea→やぼったいフォントになる

ブラウザのGUIによって初期設定されているフォントが違うのでしょうか？

<input type="text" style="width:200px;height:50px;font-size:10px;font-weight:bold">
<textarea style="font-size:10px;font-weight:bold"></textarea>

Answer 1

開発者ツールで確認すると
inputは
Arial

textareaは
font-family: monospace;

があたっていました。
その違いですかね。

サンプル
https://codepen.io/recal/pen/wvrXgyX