Introduction – to – TypeSquare
Introduction
to
TypeSquare
Morisawa Inc.
お知らせ
このMeetup，セッションのハッシュタグ。
#MA9
#typesquare
たくさん呟いてくれたら伴野さんが喜びます。はじめに
株式会社モリサワは，フォントや組版ソフトを 開発，販売している会社です。
知らない人が殆どだと思うので，モリサワを簡潔に紹介。開発イベントなので，商品の説明などはなし。TYPESQUARE
去年の2月からクラウドフォントサービス「TypeSquare」をはじめました。 現在は通常の配信のみです。
「クラウドフォントサービス」Webフォントって？
- 指定したフォントがウェブで使える。
- なので環境によらず同じフォントが使える。
- なのでブランドイメージなどを統一できる。
- 欧米ではかなり使われ始めている。
ダイナミックサブセット
- 日本語は文字数が多い。
- なのでファイルサイズが大きい。
- なのでサブセット化してサイズを小さく。
- サブセット化の際に使う文字を抽出。
- ここで遅延が発生する。
使える書体
明朝系
ゴシック系
ユニバーサルデザイン書体
筆書系
ポップ系
などなど
現在300書体弱使えます。使える書体
永 永 永永 永
300書体程度
現在300書体弱使えます。こんなサイトがあるよ
Cookpad池田さん作。CSSのみ。JS使ってない。 Cookpad元山さん作。実践的サンプル。 昨年のMA8モリサワ賞受賞作。
APIたち
- 通常配信
- ダウンロードコールバック
- 非同期呼び出し
↓下へ↓
他にもぱらぱらとありますが，大きなものはこの二つ。組み合わせて使う。ダウンロードコールバック
クラウドフォントのダウンロードが完了したら コールバックします ※リロードしてみて下さい
コールバックなし（通常）
コールバックあり
↓下へ↓
非同期呼び出し
クラウドフォントを非同期に呼び出します
同期呼び出し（通常）
適用 このプレゼンはJavaScript APIを使ってて，WebAPIも用意してる。最新情報はこちら
リファレンス公開などを発信。 質問やご相談はこのあと私までどうぞ。