問題タブ [google-font-api]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
376 参照

html - c9.io IDE で Google フォントが機能しない

タグの間にフォントを追加しました:

すべてのホスティングでこれは正常に機能しますが、c9.io IDE では機能しません。おそらく誰かがこの問題の解決策を知っていますか?

0 投票する
2 に答える
2437 参照

javascript - 選択ボックス内のGoogleAPIフォント

https://stackoverflow.com/q/5065542/1716774
同じ機能をフィドルに適用したい

HTML

CSS

脚本

を使用して、選択ボックスにgoogleAPIフォントを追加しようとしました

https://www.googleapis.com/webfonts/v1/webfonts?key=YOUR-API-KEY

これを私のフィドルに追加する方法

0 投票する
0 に答える
121 参照

javascript - google-visualization APIは含まれているフォントを更新しますか?

私はgoogle-chart、google-fonts、awesome-fontsAPIを使用するアプリケーションを実行しています。私のメインフォントはgoogle-fontsからのもので、<head>タグ内にそれらとawesome-fontsを含めています。

ただし、google-chartsを使用すると、グラフが読み込まれた後にフォントが更新されるようです。更新とは、つまり、それらはすぐに消えてリロードするように見えるということです。これにより、私のアプリケーションは奇妙に見えます。私はそれが気に入らなかったし、google-chartsがこの効果を発揮しているかどうかはわかりません。

これがgoogle-chartsをロードするための私のコードスニペットです。

best_letters_chart.draw(best_letters_data, best_letters_options);チャート(および)を描く線にコメントを付けるとworst_letters_chart.draw(worst_letters_data, worst_letters_options);、フォントが1回レンダリングされますが、今回はチャートが表示されません。

なぜこれが起こっているのですか?私はこれについてかなり興味があります。誰かが何か考えを持っているなら、私に知らせてください。

前もって感謝します。

0 投票する
2 に答える
4560 参照

javascript - 選択メニューにGoogleフォントAPIを追加

Google フォント API ですべてのフォントを含むセレクト ボックスを作成しています。API の詳細については、このhttps://developers.google.com/webfonts/docs/developer_apiリンクを参照しましたが、今まではできませんでした。

このために作成したこのフィドルを追加しています。

HTML

CSS

脚本

私の API キーはhttps://www.googleapis.com/webfonts/v1/webfonts?key=AIzaSyB8Ua6XIfe-gqbkE8P3XL4spd0x8Ft7eWoです

これらのフォントをフィドルの選択ボックスにリンクするにはどうすればよいですか?

0 投票する
2 に答える
1928 参照

javascript - 私のページで関数呼び出しが機能しない

google-font-Apiで動作する選択メニューを作成しました。JSBINで機能させたのが私の作品ですhttp://jsbin.com/ocutuk/18/

しかし、HTMLページでコードのコピーを作成すると、ページにフォント名が読み込まれませんでした。私はそれを機能させようとしましたが、それでも行き止まりです。これは私のHTMLコードです

どうすればそれを機能させることができますか。私がここで犯している間違いは何ですか。

0 投票する
2 に答える
4780 参照

ruby-on-rails - Ruby on Rails 3.2 アプリケーションに googlefonts を統合する

1 つの Rails アプリケーションで Google のフォントを使用する必要があります。通常の HTML コードは、次のように googlefonts の使用法を定義します。

alpplication.html.erb に同じ行を追加しようとしましたが、うまくいきませんでした。次に、@font-face 定義を (link-href が指す場所から) 別の css.scss ファイルに抽出し、そのファイルをマニフェスト css ファイルに含めました。

}

それは再び起こりませんでした。

パズルを解くのを手伝ってください。Rails 3アプリケーションでGoogleでホストされているフォントを使用するベストプラクティスは何ですか?

編集: @font-face 定義を参照する私の css は次のとおりです。

0 投票する
2 に答える
3080 参照

ajax - Google フォント - ajax を介して使用可能なフォントのリストを取得しますか?

Google Fonts で使用可能なすべてのフォントのリストを取得してドロップダウンに表示する必要がありますが、Google Fonts のドキュメントを理解できません。

これが私がこれまでに得たものです。

Web ブラウザーでこれにアクセスすると、予想どおり、すべてのフォントを含む json 応答が返されます。

しかし、それを ajax すると、コンソールに次のように表示されます。

ちなみに私はjQueryを使っています。$.ajaxと の両方を試しまし$.getJSONた。

少しグーグルで調べた後、リストを取得するにはWebフォントローダーを使用する必要があるかもしれないことに気付きましたか? わかりました、十分に公平です。だから私はページにスクリプトを追加しました:

しかし、その後は?API は特定のフォントの取得と適用のみを許可しているように見えますが、実際にはデータを返しませんよね?

誰かが私を正しい方向に向けたり、リクエストを行う方法を教えてくれますか? 返されたデータを解析して後で処理することは大したことではありませんが、実際にデータを取得する方法がわかりません。

0 投票する
4 に答える
25886 参照

css - Google Fonts を使用すると Bootstrap アイコン (Glyphicons) が少し上に配置されます。どうすればこの問題を解決できますか?

ドキュメントの head タグに次の Google Fonts を追加すると、

ブートストラップ アイコン (Glyphicons) は、次のリンクで確認できるように、わずかに上に配置されています

ここに画像の説明を入力

この問題を解決するにはどうすればよいですか?

0 投票する
1 に答える
145 参照

css - Googleフォントのみie9と残り?

Google Fonts を使用して 2 つのフォントをロードしています。それらは ie9 より下では絶対に恐ろしく見えるので、無視したいと思います。これが私が考えていることです:

次に、CSSで次のようなものを使用できます:

}

}

これで、Open Sans を使用しようとするのは面倒です。実際のスタイルシートをロードするのはどうですか。このようなものでよろしいでしょうか?

これにより、ie8 以下で CSS をロードすることさえできなくなり、無駄なダウンロードを防ぐことができます - 正しいですか? これは正しい構文ですか?

誰かがより良い方法をお勧めしますか? すべてのフォントを個別にロードしようとしましたが、ie8 と 7 ではまだ正しく動作しないため、これはオプションではありません。

0 投票する
1 に答える
207 参照

javascript - IE、Firefox、Chrome で Google Web フォントを使用する方法

Web アプリケーションで Google フォントを使用しようとしています。Googleフォントをロードするための私の呼び出しは次のとおりです:

上記の呼び出しにより、3 つのターゲット ブラウザーで次の結果が得られます。

ファイアフォックス

イエ(9)

クロム

上記の3つのブラウザすべてでGoogleフォントを使用する一般的な方法を教えてください。