ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子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 Spring Frameworkのアノテーション一覧
- 7 3Dグラフィックスとは|モデリング/レンダリング/主要ソフトウェア (Blender / Maya)
- 8 【Spring】@Valueアノテーションとは
- 9 CATALINA_HOME の確認方法 (Linux / Mac)
- 10 【Spring】@Autowiredアノテーションとは
最近更新/作成されたページ
- PHP $_SERVERとは|DOCUMENT_ROOT・PHP_SELFなど主な要素 2026-08-07 17:15:57
- PHPでのファイルアップロード方法|multipart/form-dataと$_FILES 2026-08-07 17:15:57
- Scratchのアカウントの作り方|メールアドレスとユーザー名の登録手順 2026-08-07 17:15:57
- Bluetoothとは|仕組み・BLEとClassicの違い・用途 2026-08-07 17:15:57
- Spring Bootのテスト入門|@SpringBootTestとJUnitでの単体・結合テスト 2026-08-07 17:15:57
- djangoにおけるMVCアプリケーション実装例 2026-08-07 17:15:57
- Scratch 作品の公開方法 2026-08-07 17:15:56
- 【PHPフレームワーク】Laravelの使い方 2026-08-07 17:15:56
- Google OAuth 2.0 認証の実装方法 2026-08-07 17:15:56
- APIキー取得方法 2026-08-07 17:15:56
- インストール方法(Windows版) 2026-08-07 17:15:56
- Java とは?言語仕様・JVM・主要フレームワーク一覧 2026-08-07 17:15:56
- データベースとは?RDB / NoSQL / SQL の基礎 2026-08-07 17:15:56
- インストール(eclipseプラグイン) 2026-08-07 17:15:56
- Spring Frameworkの使い方 2026-08-07 17:15:56
コメントを削除してもよろしいでしょうか?