ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
| この記事の要点 |
|
概要
TTF(TrueType Font)は、Apple が 1980 年代後半に Adobe の PostScript Type 1 へ対抗するため独自開発したアウトラインフォント形式です。Apple は 1991 年に System 7(Mac OS)で TrueType を初公開し、同年に Microsoft と相互ライセンス契約を結び Windows 3.1 にも標準搭載されました。これにより TrueType は事実上の業界標準となり、それから 30 年以上経った現在でも、OS の標準フォント・フリーフォント配布・組み込み機器の UI に至るまで広く使われ続けています。
TTF の本質は、字形(グリフ)を二次ベジェ曲線で表現するベクタ形式である点にあります。ビットマップフォントと違い、何ポイントに拡大しても輪郭が滑らかで、印刷でも画面でも品質が劣化しません。さらに TTF は ヒンティング命令(低解像度の画面でピクセル境界に字形をスナップさせる命令群)を字形ごとに保持できるため、72dpi 程度の古い液晶でも文字がぼやけず読みやすく描画されます。これは Adobe の Type 1 に対する明確な技術的優位でした。
TTF ファイルは SFNT(Spline Font)コンテナ と呼ばれる構造を持ち、その中に cmap(Unicode から内部グリフ ID へのマッピング)、glyf(実際の字形データ)、hmtx(横方向メトリック)、name(フォント名・著作権)、OS/2(OS 全般用メトリック)など複数の「テーブル」が格納されています。後継の OpenType はこの SFNT 構造をそのまま継承しており、TTF と OTF はバイナリレベルでは非常に近い兄弟関係にあります。
Web の世界では、TTF を @font-face で直接配信することも技術的には可能ですが、ファイルサイズが大きく圧縮されていないため、現代ではほぼ必ず WOFF2 に変換してから配信します。TTF はあくまで「OS にインストールするネイティブフォント」「Web フォント変換前のマスター」として使われるのが現代的な立ち位置です。
内部構造(SFNT テーブル)
| テーブル名 | 役割 | 必須 |
|---|---|---|
cmap | 文字コード(Unicode 等)→ 内部グリフ ID のマッピング | 必須 |
glyf | 実際の字形(二次ベジェ曲線データ) | 必須(TTF) |
head | フォント全体のヘッダ(バウンディングボックス・作成日時 等) | 必須 |
hhea / hmtx | 横書き行送り・各グリフの横幅 | 必須 |
maxp | 最大値プロファイル(グリフ数・スタックサイズ 等) | 必須 |
name | フォント名・著作権・URL などの文字列 | 必須 |
OS/2 | OS / アプリ用メトリック(x-height, cap-height 等) | 必須(実質) |
post | PostScript 関連情報 | 必須 |
loca | glyf テーブル内の各グリフのオフセット | 必須(TTF) |
kern | カーニングペア(古い形式) | 任意 |
GPOS / GSUB | OpenType 拡張:高度なグリフ配置・置換 | 任意 |
主な用途
- OS 標準フォント:Windows の Yu Gothic / Meiryo、macOS の Hiragino Sans(実体は TTC)、Android の Roboto などほぼ全プラットフォーム。
- フリーフォント配布:IPA フォント、Noto Sans CJK、源ノ角ゴシック、Migu、白源、Cica など、多くの日本語フリーフォントが TTF で配布される。
- 印刷・DTP:Adobe InDesign や Illustrator は TTF も OTF も透過的に扱える。
- 組み込み機器:カーナビ・家電・プリンタの UI に TTF を埋め込むケースが多い。
- Web フォント変換のマスター:制作は TTF で行い、配信用は WOFF2 / WOFF に変換。
関連形式との比較
| 項目 | TTF | OTF | WOFF2 |
|---|---|---|---|
| アウトライン形式 | 二次ベジェ | CFF(三次ベジェ)/ 二次ベジェ両対応 | TTF / OTF を包む |
| 圧縮 | なし | なし | Brotli |
| 用途 | OS インストール | OS / DTP | Web 配信 |
| ファイルサイズ | 大 | 中 | 最小(TTF の約 30〜50%) |
| ヒンティング | 強力(バイトコード) | 同等 | 同等 |
編集ツール
- FontForge(オープンソース、Win/Mac/Linux):TTF / OTF の編集・新規作成の定番。
- Glyphs(macOS、有償):プロのフォントデザイナーが多用。
- FontLab(有償):商用フォント制作の老舗。
- fonttools / TTX(Python):TTF を XML(
.ttx)に分解・再構築できる CLI。サブセット化やテーブル書き換えに便利。pyftsubsetでグリフ削減も可能。 - BirdFont(無料):軽量な GUI エディタ。
注意点・落とし穴
- ライセンス確認は必須:商用配布が許されているか、Web フォントとして配信できるか、サブセット化が許可されているかは、各フォントの EULA に必ず明記されている。Noto / IPA / 源ノ角ゴシックは商用 OK だが、市販フォントは厳しい制限が多い。
- サイズが大きい:日本語 TTF は CJK 統合漢字を全部入れると 10〜20MB になる。Web では必ず WOFF2 化+サブセット化する。
- Windows 互換性問題:ヒンティングがないフォントは Windows の旧 GDI 描画で汚く出る。DirectWrite が普及して緩和されたが、レガシー環境では注意。
- 同名フォントの混在:同じ名前で別のメトリックの TTF を OS に複数入れると、アプリ間で表示が崩れる原因になる。
- 絵文字フォント:カラー絵文字は
COLR/CPAL(Microsoft)sbix(Apple)SVG(Adobe)など複数仕様が乱立しており、TTF だけでは扱えない。
関連リンク
ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
子ページはありません
人気ページ
- 1 Eclipseで「サーバーに追加または除去できるリソースがありません。」の原因と対処法
- 2 tomcat の起動 / 停止ログと catalina.log・catalina.out の違い
- 3 JavaScript base URL 取得方法|window.location.origin と SSR/Node.js 対応
- 4 YouTube Data API v3 エラー一覧|403/400/404 の主要原因と切り分け
- 5 Spring Frameworkのアノテーション一覧
- 6 Laravel エラー一覧|500/Blade/DB 接続/ルーティングの代表エラー
- 7 3Dグラフィックスとは|モデリング/レンダリング/主要ソフトウェア (Blender / Maya)
- 8 【Spring】@Valueアノテーションとは
- 9 CATALINA_HOME の確認方法 (Linux / Mac)
- 10 【Spring】@Autowiredアノテーションとは
最近更新/作成されたページ
- IPv6とは|128bitアドレス・コロン16進表記/::省略・リンクローカル・SLAAC・デュアルスタック NEW 2026-06-22 12:34:44
- MAC アドレスフィルタリングの仕組みと限界 | ネットワーク入門 NEW 2026-06-22 12:19:10
- VPNとは|暗号トンネル・サイト間/リモートアクセス・IPsec/SSL-VPN/WireGuardを解説 NEW 2026-06-22 12:19:10
- Web通信プロトコル入門 HTTP/2・HTTP/3・WebSocket・gRPC・WebRTC | ネットワーク入門 NEW 2026-06-22 12:17:25
- HTTP/2 とは 多重化・HPACK・バイナリフレーム | ネットワーク入門 NEW 2026-06-22 12:17:25
- HTTP/3 (QUIC) とは UDP ベースの低遅延 Web 通信 | ネットワーク入門 NEW 2026-06-22 12:17:25
- WebRTC とは ブラウザ間 P2P の音声・映像・データ通信 | ネットワーク入門 NEW 2026-06-22 12:17:25
- gRPC とは HTTP/2 + Protocol Buffers の高速 RPC | ネットワーク入門 NEW 2026-06-22 12:17:25
- WebSocket とは 全二重リアルタイム通信 ws/wss | ネットワーク入門 NEW 2026-06-22 12:17:25
- HAProxy とは frontend/backend と設定例 | ネットワーク入門 NEW 2026-06-22 12:17:24
- TLS/SSLの仕組み|ハンドシェイク・暗号スイート・前方秘匿性・証明書検証をわかりやすく解説 NEW 2026-06-22 12:17:24
- CDN とは エッジキャッシュ・TTL・Cloudflare/CloudFront | ネットワーク入門 NEW 2026-06-22 12:17:24
- iptables/nftablesとは|テーブル・チェーン・ルール例・永続化をLinux視点で解説 NEW 2026-06-22 12:17:24
- ファイアウォールとは|パケットフィルタ・ステートフル・DMZ・次世代FW(L4/L7)を解説 NEW 2026-06-22 12:17:24
- 証明書と認証局(CA)とは|X.509・信頼チェーン・DV/OV/EV・失効(CRL/OCSP)を解説 NEW 2026-06-22 12:17:24
コメントを削除してもよろしいでしょうか?