CSS の書き方によって Web ページの見栄えはかなり変わってきます。
作成者の好みにより、フォントを指定することもできます。
Firefoxの設定／コンテンツ／フォントと配色 の 詳細設定 で「Web ページが指定したフォントを優先する」にチェックを入れると、そのページ（作成者）の指定するフォントで表示されます。
チェックを外すと、ブラウザで設定するフォントで表示されます。
チェックを入れると見にくい場合がありますので（失礼）、私はチェックを外し、ブラウザ側の設定を使っています。
<pre> の箇所は、通常、等幅フォントを使うようになります。その表示例ですが、
等幅フォントサイズ 15 の場合です。
等幅のはずなのに、乱れてますね。
等幅フォントサイズを 16 にした場合です。
今度はキチッと線がそろってます。
ブラウザで設定する場合、フォントサイズにも注意、ということですね。
