2012-11-20 18 views
5

ユーザーがGoogle Webフォントのフォントから自分の選択を選ぶことを可能にするウィジェットが既に存在していて、このウィジェットを自分のWebアプリケーションに埋め込むことができますか?JavascriptのためのGoogle Webfontsの選択と埋め込みウィジェット

http://www.google.com/webfonts

動的にGoogleのWebfontsをロードできるようにする強力な検索とプレビュー機能を備えた高度なフォント選択ダイアログのいくつかの種類、。

Googleウィジェットがまだ存在しない場合、そのウィジェットを構築するために必要なリスティングとメタデータが公開されていますか? https://github.com/agoragames/GWFSelect-for-jQuery-UI

私が気づいたいくつかの欠点::私は1つのプロジェクト見つけた

答えて

5

あなたは書体

  • のリストをスクロールすると

    • foucは、全体ではなく書体をダウンロードしているようです必要な文字
    • はjQuery UIに依存する

    素晴らしいプロジェクトですが、仕事をするかもしれません。 これを使用しようとしている場合は、おそらく独自のAPIキーを使用する必要があることに注意してください。 you can get one from google

    Google WebFontsは、ウィジェットがまだ存在しない場合、そのウィジェットを構築するために必要なリスティングとメタデータを公開しますか? https://developers.google.com/webfonts/docs/developer_api

    私はGoogleドキュメントを想像するが、彼らの素晴らしいフォントチューため、このAPIを使用しています。

    は、彼らはあなたがそのようなウィジェットを構築するために使用できるAPIを持っています。

  • +0

    グレート、おかげでピーターを持っています!私はFFでのデモをテストし、それを動作させることができませんでしたが、これはおそらく自分自身のセレクタを構築するのに十分です。 –

    +0

    @MikkoOhtamaaおそらくあなたのapiキーを追加する必要があります(パブリックAPIのレートは制限されています)。 内のJavaScript/jquery.gwfselect.js するvar fontURL = 'https://www.googleapis.com/webfonts/v1/webfonts'、 へのvar fontURL =「HTTPSから チェンジ・ライン6:// WWWを。 googleapis.com/webfonts/v1/webfonts?key = <あなたのAPIキーhttps://code.google.com/apis/console> '、 – schpet

    3

    は、ブートストラップフォームヘルパーを見てみましょう:http://bootstrapformhelpers.com/googlefont/

    彼らはレンダリング済みのプレビュー画像とエクスポートフォントリストを使用するので、彼らはGWFSelect-用-のjQuery-UIで述べた欠点がない、本当に素敵なGoogleウェブフォントチューを提供選択ボックス用。

    7

    Googleフォントピッカーを作成しました。

    スクロールするときに、すべてのフォントが読み込まれることはありません。クリックされたフォントのみを読み込みます。フォントプレビューでは、非常に高速に読み込まれる単一のイメージを使用しています。これは、700の+フォント

    Download it from github

    See demo here

    +0

    デモは動作しないようですが、私はGitHubからダウンロードしました。それはかなり小さなツールです。それはHodorのようなものです - それはただ一つの仕事しか持たず、正しく働きます。 Saadiありがとうございます! – dkellner

    +0

    @dkellnerありがとう。私はデモリンクも更新しました。 – Saadi

    関連する問題