2012/02/04
TrueType/OpenTypeフォントを読み込んで描画「Font.js」
Web上での好きなフォントを使ってテキストを描画したい、そんなニーズに応えてくれるのがFont.jsです。Imageオブジェクトに似た、Fontオブジェクトとして作るのが特徴です。 0
最初の表示です。ボタンを押します。
0
こんな感じでフォントを埋め込んで使えます。
0
TrueTypeフォントを使っています。
こちらはOpenTypeフォントの例です。
0
実際のコードです。
Googleの提供するWeb Fontsに似ていますが、独自のTrueTypeやOpenTypeフォントが使えるのが利点と言えそうです。フォントデータはAjaxで取得するので、使っていない場合は読み込まれません。描画幅を取得するメソッドがあるなど、面白い使い方もできそうなライブラリです。 0
Font.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。
プレミアムユーザには“MOONGIFTはこう見る”、記事の一行概要、追加スクリーンショット、デモや追加URLが表示されます。登録（500円/月）はこちらから！ プレミアムユーザのログインはこちらから 0
via Font.js – A Powerful Font Toolkit for JavaScript | Web Resources | WebAppers 0
MOONGIFTの関連記事
このエントリーを含むTwitter
アンケート