問題タブ [webfont-loader]

私はこの奇妙な問題を抱えています。Googleフォントローダーでフォントを読み込んでいます。

基本的に、2 つのフォントは正しく読み込まれますが、フォント ローダーは 2 番目のフォントが正しく読み込まれていないと報告しますが、画像からわかるように、これは正しくありません。

すべてのフォントがロードされたときにアクションを実行する必要があり、Firefox と chrome は「アクティブな」ハンドラーを呼び出す前に失敗を待っているため、これは非常に面倒です。

同様の問題が発生しましたが、理由はわかりません。

fonts.com から webfontloader を使用してフォントを読み込もうとしているので、読み込んだ後に関数を呼び出すことができます。

しかし、いつでもjsapiでそれを含めます

コンソールに次の問題が表示されます: Uncaught TypeError: Cannot call method 'hasAttribute' of null

でも、別々にロードすれば大丈夫です...

何か案は？

独自のサーバーで独自のカスタム フォントを使用して、Google の Web フォント ローダーを使用したいと考えています。

Google 独自のドキュメントに記載されているように、独自のWeb フォント プロバイダーを構成する方法について少し混乱しています。

このライブラリを使用するには、外部 css に何を含める必要がありますか?

非同期モードのGoogleWebfontLoader（GWL）をFont Awesomeフォントと組み合わせると、非常に奇妙な動作が発生します。

GWLを使用していくつかのカスタムフォントをロードすると、FontAwesomeフォントが2回ロードされます。これは私がGWLに使用するコードです：

evacss / font-families.cssの中に、上記の2つのフォント（proxima-novaとmuseo-slab）のフォントファミリーの定義があります。フォントがありません。素晴らしい定義があります。

それからこれの前に私は古典を持っています

Wichは独自のフォントファミリー定義で素晴らしいフォントをロードします

しかし、結果は次のとおりです。

GWLスクリプトを削除し、Font Awesome Cssをそのままにしておくと、FontAwesomeの1回の読み込みで期待される結果になります。

このバージョンのGWLでも同じ動作が発生します

webfont.jsがFontAwesomeのダブルダウンロードをトリガーする理由を本当に理解していません（GWLで参照していない外部フォントファミリーのより一般的な方法で）

リモートの @font-face リクエストの失敗に対処するために Google/Typekit の WebFont Loader を使用するための概念実証に取り組んでいますが、障害に遭遇しました。

デモ: http://dl.dropbox.com/u/114859/code-experiments/web-fonts-loader-test/index.html

現在、フォントはロードされませんが (存在しないはずなので)、失敗するまでに 5 秒かかります。失敗するのに1秒しかかからないように言ったので、これは問題です。ドキュメントでわかる限り、これは正しく実行されています (適切な文字列を指定すると、フォントが読み込まれます)。

フォント URL が正しくない場合、404 以外のエラーは発生しません。どうすればこれを修正できますか?

fonts.com の Web フォント サービスを使用して、自分のサイトに Web フォントを含めています。ただし、このサービスの公開オプションは、私の場合は十分ではありません。私が望むのは、読み込まれるすべてのフォントのフォントの太さとフォントのスタイルを宣言できるようにすることです。このようにして、何らかの理由で Web フォントを読み込めない場合に、偽の太字や斜体のスタイルが表示されるのを回避できます。このトピックの詳細については、http ://www.metaltoad.com/blog/how-use-font-face-avoid-faux-italic-and-bold-browser-styles をご覧ください。

次に、Google Webfont Loaderを偶然見つけて、それを使用して問題を解決しようとしました。ただし、読み込まれた font.com Web フォントの font-weight と font-style を設定できるかどうか、またどのように設定できるかがわかりません。何か案は？

PS: fonts.com に問題を簡単に解決できるセルフホスティングオプションがあることは承知していますが、それは高価なオプションです :)

サイトでPackery.js [ http://packery.metafizzy.co/ ] を使用していますが、ページの読み込み時にレイアウトの問題がいくつかあります。Masonry、Isotope、および Packery (すべて非常によく似たプラグインで、すべて David DeSandro によって開発されました) のドキュメントを参照し、すべての画像と Web フォントが読み込まれた後にレイアウトをトリガーする必要がある問題への対処について説明しています。

http://packery.metafizzy.co/appendix.html

私はPackeryをimagesLoadedで問題なく動作させています...しかし、Google Web Fontローダーをそれと結び付ける方法がわかりません。以下は、フォントをロードするための私のコードで、その後に imagesLoaded Packery Layout が続きます。Web Fonts と imagesLoaded の両方の後に Packery を起動する方法を誰かが提案できれば、私は永遠に感謝します.

各フォントでサポートされている言語のリストが欲しいのですが、それらをリストしているオープンソースのライブラリまたはデータベースはありますか? または、フォントでサポートされている言語の Apple Font Book リスト。どのように生成されますか？内部データベースがあると思います。抽出する方法はありますか？