Awesome Web Typography
Web Typographyを扱う資料や関連プロジェクトをまとめたAwesomeリストです。
記事
- 完全無欠な @font-face 構文は存在しないし、存在すべきでもない
- フォントのエイリアス設定、または CSS でフォント名を変更する方法
- Web フォントの未来
- 本文の文字が小さすぎる
- Web タイポグラフィの間隔を制御する方法
- 太字か斜体か
- 草原の Web フォント
- タイポグラフィは不可能だ
- 新しい Web タイポグラフィ
- より意味のある Web タイポグラフィのためのツールとリソース
- Web タイポグラフィのための、より現代的なスケール
- 13の簡単な手順で Web タイポグラフィを改善する
- Web フォントの選び方：専門家の15のヒント
- Web タイポグラフィの良い例、悪い例、素晴らしい例
- Web フォントの性能：美しく高速に
- フォントスムージング
- Web タイプの現状
- Web タイポグラフィのダッシュ
- タイポグラフィのスケールとリズム
- タイポグラフィのスケール
- タイポグラフィの数学的交響曲
- 最も人気のあるフォントに代わる最高の無料フォント
- 書体スタイルと分類の歴史
- 初心者向けデジタルタイポグラフィの26のルール
- レスポンシブデザインのための可変フォント
- 書体の仕組み
- vh・vw 単位による真に流動的なタイポグラフィ
- ビューポートベースのタイポグラフィ
- 動くタイポグラフィ早見表
- ユーザーインターフェースのためのタイポグラフィ
- Web フォントを非同期に読み込む
- font-size：予想外に複雑な CSS プロパティ
- 人気有料フォント93種の代替 Google フォント
- フォントのエイリアス設定、または CSS でフォント名を変更する方法
Web フォントと Web パフォーマンス
- font-display でフォント性能を制御する
- 超高速なフォント読み込み手法
- レスポンシブ Web サイトで Web フォントを高速に読み込む
- Font Events でフォント読み込みを再考する
- Web フォントを責任を持って使う、または @font-face-palm を避ける
- Font Load Events で @font-face を改善する
- localStorage と WOFF2 対応による、より良い Web フォント読み込み
- Web フォントを最適に使う方法（2015年版）
- Web フォント読み込みパターン
- パフォーマンスと Web タイポグラフィ - 動画
- Web フォントとページ読み込みを両立するヒント
- Web フォントを非同期に読み込む
- フォントのエイリアス設定、または CSS でフォント名を変更する方法
- Web フォント読み込みレシピ集
- 完全無欠な @font-face 構文は存在しないし、存在すべきでもない
- パフォーマンスと Web タイポグラフィ
ツール
- The State of Web Type - Web 上の文字とタイポグラフィ機能の対応状況を示す最新データ
- コンテナーの大きさに比例して font-size を保つシンプルなプラグイン
- Type Rendering Mix
- Web Font Loader
- 独自フォントによる性能低下を防ぐ
- Web フォント最適化
- Font Face とパフォーマンス
- Normalize-Opentype.css - 合字やカーニングなどの OpenType 機能を Normalize.css に追加
- Typeset.js - クライアント側 JavaScript を使わない HTML 用タイポグラフィプリプロセッサー
- brick.im
- Typebase.css
- Google WebFonts Helper
- FontsWiki - 無料代替フォントや Fonts in Use の参照情報を備えた、デザイナー・開発者向け検索可能フォントカタログ
- What Font Finder - 画像をアップロードせず、信頼度スコア付きでブラウザー内からフォントを特定
- メールで独自フォントを使う
- Typographist — 設定検証を備えたモジュラースケール計算 API
- Font Face Observer は高速でシンプルな Web フォントローダー
- MixFont：現代的なフォントジェネレーター
- メールで独自フォントを使う方法
書籍
- Web タイポグラフィについて
- タイポグラフィ様式の要素
- タイポグラフィ様式の要素 - オンライン版
- 実践タイポグラフィ
- 書体の組み合わせ：優れたタイポグラフィの無料ガイド
- タイポグラフィハンドブック
フォントの組み合わせ
- Mixfont
- フォントの組み合わせ
- Google Web フォントの実例
- 美しい Web 文字
- Google フォントの組み合わせ
- Google フォント上位5種
- 100日間のフォント
- タイポグラフィとのセッション
- HTML と CSS による Google Web フォントのアイデア
- Google フォント組み合わせツール
講演
掲載実績
- このサイトは、Google I/O 2015 の Device Wall に掲載されました。
ライセンス
