読みやすくするために、より良いブラウザーテレタイプフォントに切り替える方法

現在、ほぼすべてのWebページは、カスケードスタイルシート（略してCSS）として知られている手段を使用して、スタイル付きテキストを使用しています。ただし、ほとんど無視されているWebデザインの1つの部分は、テレタイプ/モノスペーステキストのすべてを読むことです。 Webフォーム、プログラミングコード、フォーラムでのブロッククォーティング、その他の多くのものでは、テレタイプフォントがよく使用されます。ほとんどのデザイナーはテレタイプフォントの指定を無視しているため、ブラウザがシステム設定に戻って表示されます。

Windows環境では、テレタイプ/モノスペースのデフォルトのフォントはCourier Newです。 640x480ディスプレイ用に設計された古代のフォントで、元々アンチエイリアシングはありません。現代のディスプレイでは、ひどく見えます。

Courier Newの代替として使用することを個人的に推奨するフォントはCousineです。読みやすくなった無料のフォント。

Cousineフォントはこちらからダウンロードできます。そのページで[コレクションをダウンロード]をクリックし、小さなポップアップから[コレクション内のフォントファミリをzipファイルとしてダウンロード]をクリックします。 ZIPでは、Cousine Regular、Cousine Italic、Cousine Bold、Cousine Bold Italicの4つのフォントがあります。 4つすべてをインストールします。

Cousineフォントがインストールされたら、ブラウザを閉じて再起動します。これは、インストールされた新しいフォントを反映するようにフォントリストがリセットされるようにする必要があります。

その後、スタイルが設定されていないテレタイプテキストに遭遇した場合は常にCousineを使用するようにWebブラウザーに指示する必要があります。

Internet Explorerで

道具
インターネット設定
一般（タブ）
フォント（ボタン）
「プレーンテキストフォント」領域からCousineを選択します
OKをクリック
ブラウザを再起動します

Firefoxで

Firefoxメニュー
オプション/オプション
コンテンツ（タブ）
詳細設定（「フォントと色」の下のボタン）
「Monospace」の横にあるドロップダウンメニューをクリックし、「Cousine」を選択します
OKをクリック
ブラウザを再起動します

Google Chromeで

ツール（右上のレンチアイコン）
オプション
フードの下（サイドバーメニュー、左）
フォントのカスタマイズ…（ボタン）
「固定幅フォント」ドロップダウンをCousineとして選択します。
上にスクロールして（必要な場合）、Xをクリックして閉じます。自動保存され、タブが閉じます。
ブラウザを再起動します

新しく選択したテレタイプ/モノスペースフォントのテスト

新しいテレタイプフォントをテストする最も簡単な方法は、プレーンテキストファイルをブラウザーにロードすることです。これは、すべてプレーンテキストであるため、等幅フォントのみを表示します。

以下で使用している例は、独自のテスト目的で使用する場合のhttp://www.textfiles.com/internet/bd_appd.txtです。

これは、古代のCourier Newを使用した場合の外観です。

Cousineを使用すると、次のようになります。

はっきりとわかるように、アンチエイリアスされたフォームのCousineは、丸く、厚く、目で読むのがずっと簡単です。

利用可能な他の無料のモノスペースフォント、および便利な他の用途

特にGoogle Web Fontsには、テレタイプ/モノスペース/ターミナルスタイルのフォントに適した選択肢がいくつかあります。

Google Web Fontsが優れているのはなぜですか？ なぜなら、利用可能なフォントの大半は完全だからです。特に等幅フォントでは、これは絶対に必須です。私の知る限り、GWFには文字やグリフが欠けているフォントはありません。そこにあるすべてのフォントは、文字通りAからZまでのすべてのセットとその間のすべてです。

Webブラウザ以外の適切なテレタイプフォントはどのアプリケーションですか？ Windowsのターミナルクライアントを介してメインフレームに定期的にアクセスする必要がある企業のIT環境で作業している場合、より良い固定幅フォントを使用するのは良いことです。印刷（紙への印刷など）の目的で、最新のテレタイプフォントを使用すると、見栄えがよくなり、読みやすくなります。

優れたテレタイプフォントに関するRichの推奨事項

上記のCousineと同じ方法でこれらをダウンロードします。ダウンロードリンクは、下にアクセスする各フォントリンクの一番下にあります。