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












アンケート