ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
| この記事の要点 |
|
このカテゴリについて
フォント形式は、文字の字形(グリフ)とメタ情報(ヒンティング、カーニング、合字、ウェイト等)を 1 ファイルにまとめたものです。種類は多くなく、現代では TTF / OTF(OS 用)と WOFF / WOFF2(Web 用)の 4 形式を押さえておけば実務で困ることはほぼありません。
WOFF2 は Brotli 圧縮を内蔵しており、TTF の約 60%、WOFF(1 世代前)の約 75% のサイズになります。すべてのモダンブラウザがサポートするため、@font-face の src は WOFF2 をメインに、フォールバックすら省略するのが現代の Web 制作の主流です。
フォントで扱う主な拡張子
| 拡張子 | 概要 |
|---|---|
.ttf | TrueType Font。Apple/MS 共同開発、最も普及 |
.otf | OpenType Font。TTF の拡張、CFF アウトラインも可 |
.woff | Web Open Font Format。zlib 圧縮 |
.woff2 | WOFF2。Brotli 圧縮、Web 標準 |
.ttc | TrueType Collection。複数フォントを 1 ファイルに |
.otc | OpenType Collection |
.eot | Embedded OpenType。IE 用(現代は不要) |
.dfont | macOS のリソースフォーク形式 |
.pfb / .pfm | PostScript Type 1(廃止予定、Adobe が 2023 にサポート終了) |
.afm | Adobe Font Metrics(メトリクス情報のみ) |
.bdf / .pcf | ビットマップフォント(X11 / 古い端末) |
用途別の使い分け
| 目的 | 推奨形式 |
|---|---|
| Web サイトに埋め込み | WOFF2(フォールバックに WOFF) |
| OS にインストール(Win/Mac/Linux) | TTF / OTF |
| Office・印刷 | OTF(CFF アウトライン) |
| サイズ最小化したいアイコンフォント | WOFF2 + サブセット化 |
| 1 ファミリーで複数ウェイト統合 | 可変フォント(.ttf / .otf) |
関連カテゴリ・記事
- ファイル拡張子とは(概論)
- Web・データ・設定 — @font-face の書き方
ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
子ページ
人気ページ
- 1 Eclipseで「サーバーに追加または除去できるリソースがありません。」の原因と対処法
- 2 tomcat の起動 / 停止ログと catalina.log・catalina.out の違い
- 3 JavaScript で base URL を取得する方法|window.location.origin
- 4 YouTube Data API v3 エラー一覧|403・400・404 の原因と対処
- 5 Laravel エラー一覧|500/Blade/DB 接続/ルーティングの代表エラー
- 6 3Dグラフィックスとは|モデリング/レンダリング/主要ソフトウェア (Blender / Maya)
- 7 Spring Frameworkのアノテーション一覧
- 8 【Spring】@Valueアノテーションとは
- 9 CATALINA_HOME の確認方法 (Linux / Mac)
- 10 【Spring】@Autowiredアノテーションとは
最近更新/作成されたページ
- 【django】ログイン 認証機能 2026-09-08 03:22:09
- MySQL ERROR 1063 Incorrect column specifier for column|原因と直し方 2026-09-08 03:11:09
- 【PHPエラー】Object of class stdClass could not be converted to string 2026-09-07 07:46:04
- Julia Genie ローカル開発サーバ起動完全ガイド 2026-09-07 07:46:04
- Wi-Fi とは|規格と世代(Wi-Fi 4〜7)・周波数帯・CSMA/CA・WPA3 NEW 2026-09-07 07:45:13
- set コマンドでシェルオプションと位置パラメータを操作 | bash 2026-09-07 07:45:13
- JPEG(.jpg/.jpeg)画像形式の完全ガイド — 仕様・マジックナンバー・他形式との比較・EXIF 2026-09-07 07:45:13
- UE5 Get Overlapping Actorsで特定クラスだけ処理|Class Filter・Cast To 2026-09-07 07:45:13
- Linuxで特定拡張子のファイルを再帰削除|find -deleteの安全手順 2026-09-07 07:45:13
- Django CBVでテンプレートに値を渡す|get_context_data・extra_context 2026-09-07 07:45:13
- Linuxで複数ファイルの文字列を一括置換|find・sed・xargsの安全手順 2026-09-07 07:45:13
- Laravelルートグループ|prefix・middleware・nameで一括管理 2026-09-07 07:45:13
- Linux whichコマンドの使い方|絶対パス取得とtype・command -vの違い 2026-09-07 07:45:13
- Linux catコマンドの使い方|行番号表示・複数ファイル連結 2026-09-07 07:45:13
- unable to execute 'gcc': No such file or directory 2026-09-07 07:45:13
コメントを削除してもよろしいでしょうか?