問題タブ [google-font-api]

Google フォントの読み込みに問題があります。標準、@import、JavaScript の 3 つの異なる方法でロードしようとしましたが、従うべき結果はありませんでした。ただし、KineticJS フレームワークでトゥイーンを実行すると、フォントが同時に読み込まれ、問題なく表示されます。

私のコードは次のようになります。

ここで @ModernDesignerが回答した @import メソッドを使用して、Google フォントを Magento テーマにインポートしています。

私の質問は、フォントのインポートはどのように機能するのですか? ブラウザーは、ページが読み込まれるたびにフォントをダウンロードするのを待っていますか? それとも、一度だけ読み込まれ、その後のページはキャッシュされたバージョンを使用するだけですか?

Google サーバーがダウンしてフォントを読み込めない場合はどうなりますか? それは私のサイトを完全にブロックしますか、それともブラウザーは引き続き最適な代替フォントを使用しますか?

また、同じ css ファイルがチェックアウト ページに使用され、http を使用すると https セキュリティ ステータスが壊れるため、URL から http: を削除したことも付け加えておきます。これでよろしいですか？

前もって感謝します！

Is there a way to use a google font and have it load only [A-Z] and the & ampersand character?

I would like to do this to reduce size and improve load time, since I will only use basic latin numbers and letters.

I can host the font myself if I must and it is legal to manipulate the font package, but am not sure if self-hosting is necessary and how to manipulate google's font package.

I have specified A-Z like this:

but specifying & is troublesome. Both of these don't work:

問題：

IE8 では、h1.startpage-heading は「Roboto」、font-weight 100 にする必要があります。可能であれば、IE7 でも可能です。

バックグラウンド：

SO とhttp://code.google.com/p/googlefontdirectory/issues/detail?id=9を読みました(投稿 #13 を参照してください)。

IE8 を対象とする CSS ファイルに @font-face 宣言を入れました。@font-face で、フォントの名前を「RobotoThin」に変更しました。次に、宣言された font-face を同じ IE8-CSS ファイルで使用します。

場合：

IE8 でページをロードすると、正しいフォントが短時間表示された後、他のフォント ファミリ宣言によって上書きされます (ただし、テキストはまだ赤です)。IE 開発ツールで見出しを調べると、要素は正しい CSS 宣言から継承されているようです。

その他の背景:

IE8-CSSで「RobotoThin」の後に!importantを入れてみたところ解決しませんでした。

ありがとう！

Opera 15+ (Webkit ベースのもの) 用の Speed Dial 拡張機能を作成しており、カスタム フォントを埋め込みたいと考えています。

現在、私は Google Fonts を使用してフォントを埋め込むことにかなり慣れていますが、ドキュメントによると、セキュリティ上の懸念からこれは不可能です。次に、@font-face を使用してフォントをローカルに読み込む必要があると思いますが、Opera 15+ (またはデフォルトで Webkit) が受け入れる形式と、実際に CSS に埋め込む方法がわかりません。

使用できるフォント埋め込みの種類を調べる方法はありますか? Speed Dial 内線番号にカスタム フォントを使用することはできませんか? Google Fonts を直接使用できますか? それらは私の質問です。

わかりましたので、Bazar (別のフォント) は Chrome で完全に動作していますが、いくつかの奇妙な理由で Oswald は動作しません..私はこのスレッドを見ました:

Google フォントで Chrome と IE が表示されない

最初の返信で Chrome の問題は解決したと思われますが、私にはうまくいきません。Nothing will fix this issue.. のタグを使用して、googlefonts を介してスタイルシートにリンクしましたが、Chrome で動作させる必要があります。

これは IE8 以降、Firefox、Opera では動作しますが、Chrome では動作しません。これは通常 IE に問題があるためです。

私は @import を試しましたが、これは..すべてのオプション..不足しています。フォントの問題のためだけにJavascriptを使用しないことを本当に好みます。

プロジェクトでは、フォントから多くのスタイルを使用する必要があります。グーグルフォントのリンクはこちら

これが私のcssインポートです

私が知りたいのは、たとえば「Open Sans Light 300 Italic」を表示するフォントファミリを定義する方法です

ありがとう

このページでは Ubuntu google フォントを使用しています。

しかし、クロムとFirefoxではfont-weightがまったく異なることがわかりました。

クロム：

http://i.stack.imgur.com/Hh2y3.png

ファイアフォックス:

http://i.stack.imgur.com/on3Lp.png

おもしろいことに、今日まで、chrome と firefox ではまったく同じように見えていました。しかし今日、クロムのフォントはより太字になっています。理由がわかりません。

編集: Linux 版の google chrome でのみ問題が発生するようです。

http://jsfiddle.net/Praak/

別のブラウザーで試してみてください。IE のみが「Source Sans Pro」フォントの ←→ を適用しません。パラメータを削除textすると修正されますが、このフォントの矢印は 2 つしか必要なく、すべての文字をロードしたくありません。他の回避策はありますか？