問題タブ [google-font-api]

どうやらフォント「Arvo」はIEで正常に動作するはずですが、表示されません。これは私のCSSです：

http://www.johnshammas.com/newで、他のすべてのブラウザで正常に動作します。何か案は？

Google Font Loader を使用して、いくつかの Google Web フォントをロードしています。

数値形式で重量を指定する推奨形式をロードするフォントを指定すると、機能しないことに気付きました。Google Font Loader がwf-istokweb-n7-inactive を挿入するため、ボールド バリアントのフォント ロードが機能しないことがわかっています。

動作しません:

作品:

ライブデモをご覧ください。(注: jsfiddle は iframe 内にあるため、追加されたクラスを表示するには iframe のタグを掘り下げる必要があります。)

では、フォントの太さを数値で指定するのは適切な方法ではありませんか? それとも、この特定のフォントの異常ですか?

ページを更新するたびに、実際にフォントが表示されるまで、一連のリクエストが返されるのを待つ必要があります。フォントはキャッシュされ、これらのリクエストはすべて「Not Modified」ヘッダーを返します。フォントが変更されていないことが確認されるまでフォントを表示しないのは、ブラウザーの適切な動作ですか? 何か不足していますか？

適切なフォントが読み込まれるまで汎用代替フォントを使用できることは理解していますが、ページが壊れてしまいます。

この動作は、どちらも Ubuntu の Chrome と Firefox で見られます。私のインターネットは非常に不安定なので、完全にロードされた非表示のテキストを含むページを見つめなければならないことがあります。それは本当にイライラします。

グラフィック コンポーネントとして Web で Unicode シンボルを使用しています。

この Unicode 文字がレンダリングされる方法を信頼する必要があります。

ここに、私が構築しようとしているものの簡単な例があります。

Unicode 文字は、コンピューターによってレンダリングが異なることがわかります。

OSX の下の Chrome :

Windows の下の Chrome :

@font-faceとgoogle フォントが許可されるように、最新のブラウザーのみをサポートする必要があります。

更新しました

問題は、選択したフォントに特殊文字が含まれていないことであり、@font-faceまたはgooglefontsと互換性のある特殊文字を見つけることが解決策になることはわかっていますが、これが本当の問題です。この特性を持つフォントを見つける方法です。

Googleフォントの無数のウェブプロを使いたいです。私はそのためにこのコードを使用しました

そのためにcssコードを使用します

無数のウェブプロは適用されません。この問題を解決する方法

WebアプリのロゴとしてGoogleフォントを使用しています。しかし、思ったほどうまくレンダリングされていないようです。しかし、私は今でも使用しているフォント面が大好きです。だから私はそれをpngまたはgifに変換し、その画像をロゴとして使用したいと思います。

このようなことをする最も簡単な方法は何ですか？

web fontsによって提供される動的リストをロードGoogle Web Fonts serviceし、次のように選択リストに配置しました。

今私が欲しいのはfont、ユーザーが選択リストからそれを選択したときにそれぞれをロードすることです、そしてこれのために私は試しました：

しかし、残念ながらこれは機能していません。誰かが私を助けてくれますか？

Google Fonts ディレクトリのフォント コレクションを使用したいと考えています。スタイルを選択linkし、プロジェクトのテンプレートに CSS タグを含めました。

または、Google Fonts を使用してコレクションをダウンロードすることもできます。得られるのは、すべてのフォント スタイルを含む zip ファイルです。

Google から HTML に含めるように提供されたものと同等の CSS を作成できるので、訪問者が Google Font API にアクセスできない場合に備えて、セルフ ホステッド フォント ファイルをフォールバックとして提供したいと考えています。

これをどのように設定し、Google フォント ファイルと自己ホスト型フォント ファイルの両方がダウンロードされないようにするにはどうすればよいですか? ユーザーが Google Fonts にアクセスできる場合、ブラウザはフォントの自己ホスト型バージョンをダウンロードすべきではありません。

私はこの問題の解決策を見つけるためにほぼ一日を費やしました。

Google fontsAPIとjQuery1.4.4を使用して、多くのフォントを動的に取得して表示するコードを正常に記述しました。（すべてのブラウザで動作します）

jQueryをバージョン1.7.2に変更する必要がありましたが、残念ながら、作成したコードはInternetExplorerを除くすべてのブラウザーで正常に機能することに気付きました。

いくつかのテストを行ったところ、Internet Explorerで、1.4.4より前のバージョンのjQueryを使用すると、$。getJSONまたは$.ajaxがGoogleからJSONフォントデータを読み込めないことがわかりました。

これは私が使用しているコードです：

いくつかの調査の後、私もこれを試しました：

1.4.4以降のjQueryバージョンを使用するInternetExplorerでは、どちらの方法も失敗します。何も起こりません。

なぜ何かアイデアはありますか？助けてくれてありがとう。

私はこのような多くの議論をウェブ上で見つけることができますが、私の問題を特に対象とする人を見つけることができません。

私はサイトにGoogleWebfontsを使用しています。Windows 7を除くすべてのプラットフォームで、フォントは見栄えがします。ただし、Windows 7では、一部のフォントバージョンのフォントの太さを調整する必要があります。IE 9の条件ステートメントを正常に使用できますが、実際にWindows 7でのみFFとChromeをターゲットにするにはどうすればよいですか？Win XP（IE 8以下、およびFF、Chrome）でのフォントのレンダリングは完璧であり、Mac OS（FF、Safari、Chrome）も問題ありません。

私は多くのハックを見つけましたが、ブラウザに関係なく特定のWindowsバージョンのCSSを変更するものはありません... ???

前もって感謝します！