Japont (日本語Webフォントのダイナミックサブセット化) について - 3846masa's memo
Japont (日本語Webフォントのダイナミックサブセット化) について Japontの実装のお話です． わかりやすく書くつもりです． これを読んで，もっといいダイナミックサブセット化OSSを作ってくれると僕が喜びます． 日本語Webフォントの問題点 データ量が多い 必要な文字だけを抽出したフォントを作っておく(静的) サブセッティング（サブセット化） 使う文字列が固定である必要がある 必要な文字を動的に調べ，抽出したフォントを作る(動的) ダイナミックサブセッティング（サブセット化） フォントを抽出するためのサーバとシステムが必要 今回やったこと フォントを抽出するためのシステムの開発(OSSとして公開) おおまかな仕組み 必要な文字を調べる(javascript) 必要な文字をサーバに送信(javascript) 受け取った文字のコードを調べる(python, fontforge)
フォントファイルから使いたい文字を抜き出してコマンドラインでWebフォント化するfontminが便利だった - Qiita
Webページで日本語のWebフォントを使いたいんだけどフォントファイルのサイズが大きくて諦めたなんて経験ないですか？ 例えばIPAゴシックだと6.2MBほどのファイルサイズがあるので、さすがにそのままWebフォントとして使うのには抵抗がありますよね。 じゃあ使いたい文字だけ引っこ抜いてフォントファイルを再構築すればいいじゃね？という考え方を元にした手法としてフォントのサブセット化というものがあります。 fontminはWebフォントフレンドリーなフォントのサブセット化をサポートするツールです。 nodeモジュールであり、CLIもサポートしているのでビルドプロセスに組込みやすいという点ではフロントエンダーには嬉しいところではないでしょうか。 出来ること 具体的に出来ることは下記になります。 フォントファイルを指定した文字でサブセット化したフォントファイルに変換 出力できる形式はwoff、tt
文字を制限した軽量な日本語 Web フォントを作成する方法
最近、Web フォントをつかってかっこいい表現をしているサイトも増えてきました。ただ、残念ながら 日本語で Web フォントを使うのは厳しいのが現実です。 というのも、日本語には英数字・ひらがな・カタカナ・漢字・記号・・・など必要になる文字数が多すぎるため、フルスペックの日本語の Web フォントはファイルサイズがすごいことになりそうです。 そこで、「利用したい文字だけを含んだ Web フォントをその都度作ればいいんじゃね？」ということを考えてみました。アイデア自体は珍しいものではなく、例えば デコもじ というサービスは同じようなことをやってくれるようです（ただし、無料では「書体 1 つまで」「5 文字まで」など機能制限が大きい）。 (追記) このような軽量フォントを作成することを「サブセット化」というようです。 手始めに日本語 Web フォントを作ってみる まずは簡単に日本語 Web フ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
