ウェブページ作成によく使われる英語フォント

ウェブページ作成によく使われる英語フォント
アリアル

Arial は、多くの Microsoft アプリケーションとともに配布されるサンセリフ TrueType フォントです。比率と太さは Helvetica と非常に似ていますが、Arial は実際には Monotype Grotesque シリーズのバリエーションです。 Arial はコンピューターでの使用を念頭に置いて設計されており、コンピューター画面のさまざまな解像度での読みやすさを向上させるために、フォントと間隔に微妙な調整と変更が加えられています。

ヘルベチカ

Helvetica は、1957 年にスイスのグラフィック デザイナー Max Miedinger によってデザインされた、広く使用されている西洋のサンセリフ フォントです。 Helvetica は、フォントデザインの分野におけるモダニズムの代表的な代表例とみなされています。モダニズムの観点によれば、フォントは「透明な容器のような」ものであるべきであり、読者はテキスト自体に使用されているフォントに注意を払うのではなく、テキストを読むときにテキストの内容に集中することができます。この特徴により、Helvetica はさまざまな情報を表現するのに適しており、グラフィックデザイン業界で広く使用されてきました。

タホマ

Tahoma は非常に一般的なサンセリフ フォントです。フォント構造は Verdana と非常に似ています。文字間隔が狭く、より広範囲の Unicode 文字セットをサポートしています。 Tahoma と Verdana は同じデザイナー、Matthew Carter の作品であり、1999 年に Microsoft によってリリースされました。 Arial フォントが気に入らない人は、代わりに Tahoma を使用することが多いです。Tahoma は簡単に入手できるというだけでなく、大文字の「I」と小文字の「l」の区別が難しいなど、Arial で批判される欠点が Tahoma にはないという理由もあります。

ヴェルダナ

Verdanaはサンセリフフォントです。すっきりとした構造、小さな文字でも読みやすく認識しやすいなど、高い性能を備えているため、1996年の発売以来、瞬く間に多くの分野で使われる標準フォントの一つとなりました。 「Verdana」という名前は、「verdant」と「Ana」という言葉で構成されています。 「Verdant」は「緑豊かな」という意味で、「エメラルド シティ」シアトルと「常緑の州」として知られるワシントン州を象徴しています。 「アナ」はバージニア・ウィーラーの長女の名前に由来しています。

ルシーダ・グランデ

Lucida Grande は、ヒューマニスト スタイルに属する西洋のサンセリフ フォントです。これは、Apple の Mac OS X オペレーティング システムのデフォルトのフォントです。 Lucida 書体ファミリーの一員であり、Charles Bigelow と Kris Holmes によってデザインされました。デジタル版は TrueType であり、Mac OS X グラフィカル ユーザー インターフェイス全体で使用されます。

タイムズニューローマン

Times New Roman は、おそらく最も一般的でよく知られているセリフ フォントの 1 つです。フォント デザインにおける過渡期のセリフ フォントであり、後の書体に大きな影響を与えました。また、整然とした安定したクラシックな外観のため、標準フォントの一つとして選ばれることも多いです。さらに詳しい情報を知りたい場合は、52CSS.com でさらに多くの記事を参照してください。

ジョージア

Georgia は、1993 年に有名な書体デザイナー Matthew Carter が Microsoft のためにデザインしたセリフ フォントです。小さなフォントでもはっきりと認識でき、可読性に優れているのが特徴です。この名前は、米国ジョージア州でエイリアンの頭部が発見されたというタブロイド紙のテスト見出しにヒントを得たものです。 Microsoft は Georgia をコア Web フォントに含めており、これは Windows システムの組み込みフォントの 1 つです。その後、Apple Computer の Macintosh システムもこれに倣い、Georgia を組み込みフォントの 1 つとして採用しました。

<<:  Vue でスクロールバーのスタイルを変更する方法

>>:  HTML で JavaScript の全選択/全選択解除操作を実行するサンプル コード

推薦する

nginx「504 ゲートウェイタイムアウト」エラーを解決する

ウェブサイトを作成する学生は、アクセス時に一部の nginx サーバーが 504 Gateway T...

WindowsはVMwareを使用してLinux仮想マシンを作成し、CentOS7.2オペレーティングシステムをインストールします。

目次1. ウィザードに従って仮想マシンを作成します2. オペレーティングシステムをインストールします...

Vuex のモジュール化と名前空間の例のデモ

1. 目的:コードの保守が容易になり、さまざまなデータの分類が明確になります。 2. store/i...

JavaScriptのループの違いについての詳細な説明

目次序文列挙可能なプロパティ反復可能なオブジェクトforEachメソッドとmapメソッドチェーン呼び...

Nginx 最適化サービスで Web ページ圧縮を実装する方法

リソースを節約するためにWebページの圧縮を設定する1.まず、設定を変更しましょう vim /usr...

Fabric.js は DIY ポストカード機能を実装します

この記事では、DIYポストカード機能を実現するためのfabricjsの具体的なコードを参考までに共有...

Dockerイメージをプルしてバージョンを確認する方法

イメージのバージョンとタグを確認するには、docker hubで確認する必要があります。アドレスは次...

docker ログが取得できない問題の解決方法

毎日サービスをチェックしているときに、portainer からコンテナ ログを確認しようとしたところ...

mysql5.7.33 で誤って ibdata ファイルを削除した後にデータを回復する方法

目次1. シナリオの説明: 2. 事例のデモンストレーション: 2.1. MySQLの障害発生前にデ...

Apache Webサーバーのインストールと設定方法

信頼性が高く、人気があり、簡単に構成できる Web サーバーである Apache で独自の Web ...

IdeaでTomcatを起動したときに複数のリスナーが報告される問題を解決する

エラーのスクリーンショット例外が発生した場所が見つかりません。解決策: リソースディレクトリにlog...

XHTML の一般的な構造タグ

構造本文、見出し、HTML、タイトル文章abbr、頭字語、アドレス、引用ブロック、br、引用、コード...

JS での new の手書き実装

目次1 新しいオペレータの紹介2 新しいものは何をしましたか? 3 新しい演算子の実装をシミュレート...

Dockerコンテナレイヤーの概念の詳細な説明

目次01 コンテナの一貫性02 レイヤーの概念03 レイヤードデザインの利点今日はコンテナ レイヤー...

nginx proxy_cache キャッシュ設定の詳細な説明

序文:私は仕事柄、オンラインライブストリーミングの分野に携わっており、ビデオの再生やダウンロードには...