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

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

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 の全選択/全選択解除操作を実行するサンプル コード

推薦する

HTML_PowerNode 入門 Java アカデミー

HTMLとは何ですか? HTML は Web ページを記述するために使用される言語です。 HTML ...

ウェブフロントエンド開発の細部

1 選択タグは閉じられている必要があります <select></select>...

MySQL における単一テーブルと複数テーブル、およびビューと一時テーブルに対する Update と Select の違い

1. テーブルAのデータを使用してMySQLのテーブルBの内容を更新するたとえば、データ テーブル内...

MySQLテーブルの内容の変更を監視し、MySQL binlogを有効にする

序文binlog は、MySQL のすべての追加、削除、および変更ステートメントを記録するバイナリ ...

流れと動的なライン効果を実現する純粋なCSSコード

アイデア:外側のボックスは背景を設定し、内側のボックスは背景の幅と高さを設定し、ボックスを動かすアニ...

国内SNSのホームページを比較・分析して得た経験をみんなで共有(写真)

この記事では、ソーシャル ウェブサイトのホームページを比較分析することで洞察を得て、ソーシャル ウェ...

MySQL 全文インデックスガイド

全文インデックスには特別なクエリ構文が必要です。全文検索はインデックスの有無にかかわらず実行できます...

Linux QT Kit が見つからない、バージョンが空の問題の解決策

現在このような問題が発生しています 私の状況は、QT が動かなくなってしまったため、仮想マシンを再起...

nginx でディレクトリ ホワイトリストと IP ホワイトリストを設定する方法

1. ディレクトリホワイトリストを設定する:指定されたリクエストパスに制限を設定しないでください。た...

TypeScriptの基本型の詳細な説明

目次ブール型数値型文字列型文字列と数値を連結する未定義およびnull配列型タプル型列挙型あらゆるタイ...

MySQL InnoDB ストレージエンジンのメモリ管理の詳細な説明

目次ストレージエンジンのメモリ管理データ ページを LRU キューの先頭に置かないのはなぜですか?ダ...

Spring環境を構成するためのDocker-composeの手順

最近、メンバーがテストできるようにプロジェクトをパッケージ化する必要がありますが、パッケージ化された...

docker-compose を使用して mongodb と mysql を構築する詳細なプロセス

docker-compose で mongodb と mysql を構築する詳細な方法を見てみましょ...

MySQLとElasticsearch間のデータ非対称性問題の解決策

MySQLとElasticsearch間のデータ非対称性問題の解決策jdbc-input-plugi...